Tagged: ,

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #1156699

    Hi,

    Is it possible to align all the text (title+text) inside the tab/accordeon controls with the left margin?

    Also I would like to change the color of the title of the active tab to fit with the rest of the color scheme on our webpage. Only of the active tab though.

    Thanks for the help!
    Björn

    • This topic was modified 4 weeks, 1 day ago by  fertipro.
    #1156913

    Hey fertipro,

    This should be possible via css. Please provide a link to the site/page in question so we can look into this further.

    Best regards,
    Jordan Shannon

    #1161243

    Hi Jordan,

    Here’s a screenshot of the page. The accordeon is where the “Product literature” is. As you can see this is not left amigned with the other text on the page “Scientific information” but I would like it to be.

    Also I would like to make the “Product literature” text: bold and the same text colour as “Scientific information”.

    Screenshot

    For the Tab titles I need to do the exact same thing.

    Thanks for the help,
    Björn

    #1161364

    Hi,

    Thanks for the screenshot, but I need an actual link to the site to inspect the code.

    Best regards,
    Jordan Shannon

    #1161577

    Hi,

    I have created a basic account to log into the website as it is not posted yet. Info included in private message.

    Björn

    #1161843

    Hi Björn,

    Thanks for that, but I still can only see the coming soon page even though I logged in. How can we view the elements on your actual site?

    Best regards,
    Rikard

    #1161861

    See message below

    #1162110

    Hi Björn,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    .js_active .tab_content {
        padding: 10px 0 !important;
    }
    
    .js_active .toggler {
        padding: 9px 3px 9px 0 !important;
    }

    Best regards,
    Rikard

    #1162117

    Dear Rikard,

    Thank you for the help!

    Two remarks if I may…

    – What about the other request in my message?

    Also I would like to make the “Product literature” text: bold and the same text colour as “Scientific information”.

    – Also when I apply the changes in the Quick CSS I get this strange visual effect

    Screenshot

    Björn

    #1162448

    Hi,

    Please try this CSS as well:

    .toggle_icon {
      display: none;
    }
    
    p.toggler {
      font-weight: 600;
      color: #f38a00;
    }

    Best regards,
    Rikard

    #1162490

    Hi Rikard,

    Thanks for the help (again)!

    Looks like we are almost there. Can you add the code to majke the active title of the active tab page also orange?

    Thanks,
    Björn

    • This reply was modified 1 week, 2 days ago by  fertipro.
    • This reply was modified 1 week, 2 days ago by  fertipro.
    #1162662

    Hi Björn,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    #top #wrap_all div .main_color .tabcontainer .active_tab {
         color: orange;
     }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.