0
Welcome Guest! Login
0 items Join Now

RokSprocket not showing styled tabs

Last Post
Search Topic
    • Tectic's Avatar
    • Tectic
    • Rocketeer
    • Posts: 54
    • Thanks: 0

    RokSprocket not showing styled tabs

    Posted 9 years 8 months ago
    • I have a site running rt-stratos 1.5 and RokSprocket 2.1.7 on a Joomla! 3.4.3 install. Unfortunately the styling of the tabs is not working:

      This image is hidden for guests.
      Please log in or register to see it.


      This image is hidden for guests.
      Please log in or register to see it.


      The site is live:

      I have searched the forum and found topics that mention plugin conflict so turned off all plugins (clearing cache carefully - both Joomla and browser afterwards) but as this made no difference I have renabled them. I have also tried disabling modules, again to no effect. There is no active rt_stratoscustom.css file to create issues either.

      I am at a loss and hope that someone can help me out here?
      Server Details (Linux/Windows, Hosting service, etc)Linux
      PHP version5.5.270
      Platform (name and version)Joomla! 3.4.3
      Template/Extension (name and version)rt_stratos 1.7
      Link to the Issue www.webbingtonfarm.co.uk/
    • Tectic
      Success is a journey not a destination
    #1227254
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13484
    • Web Designer/Developer

    Re: RokSprocket not showing styled tabs

    Posted 9 years 8 months ago
    • Please do not post extensions/template specific questions in the "Free stuff" forum. You should post in the extension forum or template forum as appropriate. Most of these forums are for members who have a current PAID membership. Our priority is always to assist paying members.

      Thank you for your understanding.

      Your subscription appears to have expired? Support requires a current subscription.

      The tabs are working fine - it's just the colors are white background with white border.

      Use this code...
      .background-overlay-dark.main-body-light .sprocket-tabs .sprocket-tabs-nav li {
    background-color: pink;
    border: 1px solid pink;
}
.background-overlay-dark.main-body-light .sprocket-tabs .sprocket-tabs-nav li.active, .background-overlay-dark.main-body-light .sprocket-tabs .sprocket-tabs-nav li:focus, .background-overlay-dark.main-body-light .sprocket-tabs .sprocket-tabs-nav li.active:hover {
    background-color: red;
    border: 1px solid black;
}

      This is how to create a custom CSS compatible with Gantry 4...

      Simply create a file called "<TEMPLATENAME>-custom.css" and put this file in the CSS folder of the template (where <TEMPLATENAME> is the name of the template as seen in template manager e.g. rt_iridescent would be rt_iridescent-custom.css). GANTRY4 will automatically load this CSS file. If you wish, you can also have browser specific files by appending, for example, "-ie9" making the filename "<TEMPLATENAME>-custom-ie9.css"

      The current version of stratos is 1.6 too.
    • Last Edit: 9 years 8 months ago by MrT.
    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
    #1227277

Time to create page: 0.064 seconds