Tagged: , , , , , , , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • September 18, 2014 at 10:11 pm #321519
    a00109943

    Looking for ways to improve the layout of our products section for this website:

    http://hedgeports.com/fitness-exercise-equipment/

    The layout is missing something, it looks good but something is just not right. I was messing around with the colors, different options, making 2 columns and 4 columns instead of 3 but no luck. Something is just off. Is there a way to modify the tabs to make them look more “cool” or professional?

    Any help on this is greatly appreciated! Not looking for anyone to just do it, just looking for ways of improving what is already there, any comments are welcomed!

    Thanks in advance! Great Community!

    Benjamin

    September 19, 2014 at 9:41 am #321761
    Ismael

    Hi a00109943!

    Thank you for using Enfold.

    I’m sorry but we don’t provide design solutions. If you want to improve the look of the website, please hire a freelance designer. If you have any further questions about the theme, we are more than happy to provide you with assistance on these inquiries. Anyway, you can play around with the tab appearance or style with these selectors:

    #top .main_color .tabcontainer .tab.active_tab {
color: blue;
}

div .main_color .tabcontainer .active_tab {
background-color: red;
color: #080808;
}

.main_color .sidebar_tab, .main_color .tabcontainer .tab {
color: #828282;
}

div .main_color .tabcontainer .active_tab_content, div .main_color .tabcontainer .active_tab {
background-color: red;
color: #080808;
}

    Thank you for your understanding.

    Best regards,
    Ismael

    September 19, 2014 at 6:56 pm #322069
    a00109943

    Hi Ismael!

    Thank you so much for your reply. I figured that would be the answer from a moderator. I was hoping for replies from other users but I guess that’s not really how it works.

    My next question was anticipated perfectly, I was going to ask how to modify the tabs on the page. You will have to forgive me because I do not understand what to do with those selectors you’ve mentioned. I know how to put them in custom css area but I am unsure as to why are are four different ones. Is this because you can can have different tab colors depending on where tabs are inserted on a page? For my example where the tabs are in the main area of the page, what if I want to change the background of the tabs to blue and I want to change font to white. Also, can I make the heading of the tabs bigger? Like where it says price, details and product?

    Thank you so much! Looking forward to your reply!

    Benjamin

    September 20, 2014 at 12:53 am #322174
    a00109943

    How do I change the font size and color? I can change the font color in the title using what you provided, but how do I change the size of both title, and body of the tab, as well as the color.

    September 25, 2014 at 2:46 am #324722
    Ismael

    Hey!

    Different selectors are needed to change the layout of the tab element. You can play around with the css selectors. Change the color values to know which is which. It will help you to a better css inspector. If you have the time, take a short tutorial about google inspector or firebug. I believe I answered the other question here: https://kriesi.at/support/topic/enfold-tab-options-changing-color-and-font/

    Regards,
    Ismael

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.