SOLVED RokSprocket Mosaic Theme
-
-
- Fidelis Onwubueke
- Jr. Rocketeer
- Posts: 29
- Thanks: 0
- Just do it!
-
Hello,
I have several pages on my site displaying content with RokSprocket Mosiac modules . I was wondering if there is a way to modify the display so that I can have slightly different variations one some pages.
For example, in my template-custom.less I can add a border color using this CSS (.rt-overlay-dark .sprocket-mosaic .sprocket-mosaic-item .sprocket-padding {border:1px solid #000000; }.
The problem is that this change affects all the other pages with RokSprocket Mosaic modules. How do I restrict this to only one page. Can I create themes, I tried this but the theme I created doesn't show in the list of available themes from the theme menu under the Mosaic Layout Options.
Thanks
Foj - Last Edit: 9 years 6 months ago by Fidelis Onwubueke.
- F.O
-
-
-
- Matt
- Preeminent Rocketeer
- Posts: 22061
- Thanks: 3191
- messin' with stuff
-
If you're running a newer Gantry template you can turn on Page Class Suffix in the Advanced Tab of the template manager... that will insert a unique class in the <body> tag in the format of menu-[menu-alias]
so then you can be specific in your css...
.menu-home .sprocket-padding {border:1px solid #000000; }
... and it'll only apply to the home page -
The following users have thanked you: Fidelis Onwubueke
- SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT
-
-
-
- DanG
- Preeminent Rocketeer
- Posts: 36750
- Thanks: 3229
- Custom work done
-
Fidelis Onwubueke wrote:
Hello,
I have several pages on my site displaying content with RokSprocket Mosiac modules . I was wondering if there is a way to modify the display so that I can have slightly different variations one some pages.
For example, in my template-custom.less I can add a border color using this CSS (.rt-overlay-dark .sprocket-mosaic .sprocket-mosaic-item .sprocket-padding {border:1px solid #000000; }.
The problem is that this change affects all the other pages with RokSprocket Mosaic modules. How do I restrict this to only one page. Can I create themes, I tried this but the theme I created doesn't show in the list of available themes from the theme menu under the Mosaic Layout Options.
Thanks
Foj
There is an easier way than using LESS files. To find out more on how to create and use Custom CSS files, follow this guide Your first CSS custom file - OR - LESS custom file
The idea is to use page class suffix's in your Custom CSS file. This way each page has a different CSS for the RokSprocket module on it.
Please see the guide My post on how to Use PAGE class suffixes
-
-
-
- Fidelis Onwubueke
- Jr. Rocketeer
- Posts: 29
- Thanks: 0
- Just do it!
-
Hello DanG,
Thank you for your response.
The link you included in your reply doesn't seem to be working. "My post on how to Use PAGE class suffixes" I get a 404 Forbidden when I click on it.
Regards,
Fidelis - F.O
-
-
-
- Fidelis Onwubueke
- Jr. Rocketeer
- Posts: 29
- Thanks: 0
- Just do it!
-
Hi Matt,
Fantastic! Worked like a charm.
Regards,
Fidelis - F.O
-
-
-
- DanG
- Preeminent Rocketeer
- Posts: 36750
- Thanks: 3229
- Custom work done
-
Fidelis Onwubueke wrote:
Hello DanG,
Thank you for your response.
The link you included in your reply doesn't seem to be working. "My post on how to Use PAGE class suffixes" I get a 404 Forbidden when I click on it.
Regards,
Fidelis
Try it now -> http://www.rockettheme.com/forum/free-joomla-stuff/240981-how-to-use-page-class-suffix-s -
The following users have thanked you: Fidelis Onwubueke
-
-
-
- Fidelis Onwubueke
- Jr. Rocketeer
- Posts: 29
- Thanks: 0
- Just do it!
-
Hello DanG,
Works now!
Thanks to both of you. I really appreciate the quick responses.
Regards,
Fidelis - F.O
-
-
-
- Matt
- Preeminent Rocketeer
- Posts: 22061
- Thanks: 3191
- messin' with stuff
-
no prob
If a thread is solved please edit your *original/first* post and place "[SOLVED]" (no quotes; don't forget the brackets) at the beginning of your post title. Changing the post icon to the Solved Checkmark is helpful too.
- SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT
-
-
-
- Fidelis Onwubueke
- Jr. Rocketeer
- Posts: 29
- Thanks: 0
- Just do it!
-
Hi Matt,
I have one more question and I'll mark this solved. While the methods prescribed above effectively modifies the style of individual RokSprocket Mosaic pages, how do you go about modifying the layout of individual pages if you wanted to? Example, RokSprocket Mosaic displays content in this order, - Image first, Title under image, Description next, and finally Read More at the bottom. What if I wanted to switch order and have Title first and the image next, but only in one of the page?
Please let me know if I should start another tread with this question.
Thanks again.
Fidelis - F.O
-
-
-
- Matt
- Preeminent Rocketeer
- Posts: 22061
- Thanks: 3191
- messin' with stuff
-
you can't do that by page... you would have to edit the item.php Template Override (or create one) for the Mosaic layout, Default Theme, to change how it output's content... and that would effect every instance of an RS Mosaic...
You could create a Custom Theme for each page I suppose...
Overrides: www.rockettheme.com/docs/joomla/extensio...g-template-overrides
Custom Themes: www.rockettheme.com/docs/joomla/extensio...yout-theme-overrides - Last Edit: 9 years 6 months ago by Matt.
-
The following users have thanked you: Fidelis Onwubueke
- SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT
-
Time to create page: 0.055 seconds