Home Forums Pro Themes Elead Pro Font color and style issues

This topic contains 7 replies, has 3 voices, and was last updated by  wensolutions 1 month ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #66225

    Greg Jones
    Participant

    Hi,

    Nice overall them however I have a few issues. Elead Pro doesn’t seem to come with any options to change font color or style.

    1.How can I change the font to something other than the 5 provided?
    2.How can I change the font color and header/footer colors?
    3.The sub menu is a dark brown and connot be changed?

    Web address is: wrm.flywheelsites.com

    Thank you in advance.

    Kind regards,
    Greg Jones

    #66244

    wensolutions
    Keymaster

    Hello @helpmysystems,

    First of all thank you very much for appreciation and using the pro version.

    The theme has only provided the 5 different font option to chose from. However, you can use other fonts as well through custom CSS.

    For this go to Admin Panel > Appearance > Customize > Additional CSS and paste below given code:

    body.body-font-3{
        font-family: 'Oxygen', sans-serif;
    }
    
    .header-font-3 h3 {
        font-family: 'Oxygen', sans-serif;
    }

    You can change the font as per your requirement.

    As for the second query please mention the section that you want to change the font color for so that we can help you. Also, you can change the header color from the theme itself.

    For this go to Admin panel > Appearance > Customize > Colors and change the color of header title. As for the footer please send us the screen shot marking the section that you want to change the color for so that we can help you.

    Hope this helps.

    Best Regards!!

    Have a good day ๐Ÿ™‚ .

    #66459

    Greg Jones
    Participant

    Thank you for your help so far, Iโ€™ve made the changes using your instructions.

    The footer section I want to change is the entire background because itโ€™s currently a sort of brown/grey.

    However I have a new issue, It is very difficult to use the sub menu. As I hover over the main menu item and then move the cursor down to the sub menu it disappears. I can only imagine that this is because there is a small gap between the main menu item and the start of the sub menu?

    Please try for yourself here:
    wrm.flywheelsites.com

    Also, I am using a plugin called smart slider and have setup a main page slider but when using the sticky menu theme function is throws the slider off the page, so I have had to disable the sticky header. Any ideas what can be causing this?

    Thank you in advance!

    Kind regards,
    Greg Jones

    #66482

    wensolutions
    Keymaster

    Hello, @helpmysystems,

    To change the background color of the footer section use below given CSS by going to Admin Panel > Appearance > Customize > Additional CSS and paste below given CS.

    .site-info {
        background-color: #25396d;    
    }

    Here change the color code as per your requirement.

    Now to resolve the issue of submenu paste below given CSS.

    .main-navigation ul ul {
        top: the 75%; 
    }

    In case of slider, you can use the default slider provided by the theme itself so that it wont have any sorts of problem.

    Since you have set the slider using the thirdparty plugin, the issues might have arise due to incompatibility with the plugin as we have not done any sorts of testing with the plugin so there is nothing much we do about this.

    Hope this helps.

    If you have any issues further, please let us know.

    Best Regards!!

    Have a good day ๐Ÿ™‚ .

    #66556

    Greg Jones
    Participant

    Thank you once again for those code snippets, they have sorted most of my issues out. Also, I’ll try the default sliders.

    The last question I have is that I need to change the color of the background behind the news slider at the top of the page but cannot work out how to. I have tried all css classes and elements that I could find in that section but couldn’t change the background from that grey/brown color.

    Please find a screenshot here: http://wrm.flywheelsites.com/example-image-troubleshooting/

    Thanks once again for the help.

    Kind regards,
    Greg Jones

    #66571

    wensolutions
    Keymaster

    Hello,

    You can change the color of the news ticker by adding the following custom CSS in your Admin Dashboard > Appearance > Customize > Additional CSS :

    h2.news-ticker-label:after {
        border-right: 35px solid #191d3d;
    }
    #topbar-widget-wrapper .wrapper, #topbar-widget-wrapper {
        background-color: #191d3d;
    }

    You can replace the color with the color-hex code for your desired color.

    Hope this Helps,

    Best Regards !!

    #89046

    Patricio Peredo
    Participant

    cambiar color a menu y submenu css

    #89082

    wensolutions
    Keymaster

    Hello @profeneredo,

    Can you please post the query in the English language so that we can understand your query and help you further?

    Thank you.

    Regards!!

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

You must be logged in to reply to this topic.