SOLVED Tabbed RokSprocket module not displaying correctly
-
-
- Mel UK
- Jr. Rocketeer
- Posts: 36
- Thanks: 0
-
Joomla: v2.5.16
Template: Kirigami v1.4
Gantry: v4.1.19
I've created a tab-format RokSprocket module and embedded it within an article using this format: [module-123]
The problem is that the tabs aren't displaying with the correct colours, as they do when the module is assigned directly on to a page.
This shows the tabs when they display correctly, with the module assigned directly on to the page via "assignments":
This image is hidden for guests.
Please log in or register to see it.
This shows the tabs when they display incorrectly, with the module embedded within an article:
This image is hidden for guests.
Please log in or register to see it.
Can someone please point me in the right direction to fix this?
Thanks! - Last Edit: 11 years 1 day ago by Mel UK.
-
-
-
- cdavis411
- Preeminent Rocketeer
- Posts: 17787
- Thanks: 882
- Please post your topic in the correct forum. This will ensure that you receive the most qualified help for your issue and reduce the possibility that your post will get missed by the correct moderator and/or support team member. This should go in the RokSprocket forum
-
-
-
- Mel UK
- Jr. Rocketeer
- Posts: 36
- Thanks: 0
-
The home page of the site has the tabs working correctly: -
(The module is assigned directly on to the page here, it isn't inserted into an article.)
Then the "case studies" page has the example where the formatting is a bit out: -
(The module is inserted into an article here.) - Last Edit: 11 years 1 day ago by Mel UK.
-
-
-
- cdavis411
- Preeminent Rocketeer
- Posts: 17787
- Thanks: 882
-
okay sorry I should have realized this right off but wanted to have you check the other thing prior to breaking out the dev tools on your site.
The tabs styling is there but it is not seen because it is basically just white color of various opacity. In the page where you see it the module is over a gray background but in the page where you do not see it, the module is in an article that has an opaque white background so you can not see the whit rgba tab background. You can create a file using a simple text editor for custom css and name it using this format: templatefolder-custom.css (e.g., rt_kirigami-custom.css). For this issue add this to the custom CSS fileMore Info here: www.gantry-framework.org/documentation/j...custom_stylesheet.md.item-page .sprocket-tabs.layout-top {background: #CCC;margin: 0 -21px;}
-
Time to create page: 0.059 seconds