Home Forums Consulting – Business WordPress Theme Change colors,font in layout 1 and Top bar on mobile

This topic contains 3 replies, has 3 voices, and was last updated by  Axel 1 year ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #2895

    Ariel
    Member

    HI

    1) I would like to know the CSS lines to modify all colors to have a new Style.
    Including Typography, menu BG, footer BG etc

    2) Also I need to remove the top bar on mobile pages and activate revolution slider on mobile as well

    3) I have licenced .otf fonts on a zip, how can I integrate to the theme and have them set as default.

    4) is there any way to replace the icons for custom ones

    thanks

    #2907

    Abel Kh
    Spectator

    Hi,
    1. Yes, sure. You can edit Typography of the site under Appearance -> Customize -> Typography. You can change base color of the theme under Appearance -> Customize -> Site Settings -> Style & Settings. Please use this CSS in order to change backgraund color of menu section, becouse some sections have own styles:

    body.header_style_2 .header_top {
        background: #022;
    }

    2. You need to leave fields empty in Appearance -> Customize -> Header -> Information section. Please check your Revolution Slider settings following this manual https://www.themepunch.com/revslider-doc/slider-settings/#layoutvisual-mobil. also You need setup responsive settings under Column Setting -> Responsive Options via editing your home page http://prntscr.com/ds4j6a.

    3. You can change fonts using these manuals:
    https://codex.wordpress.org/Playing_With_Fonts
    https://wordpress.org/plugins/use-any-font/

    4. Yes, sure. You can add custom icons using STM Icon Manager. Here is relate manual:
    https://stylemixthemes.com/manuals/consulting/#custom_icons

    Regards

    #2919

    Ariel
    Member

    1) Still need the line to CSS for Nav Font color and hover color.

    #2922

    Axel
    Moderator

    Please use this custom CSS:

    body.header_style_2 .header_top .top_nav .top_nav_wrapper > ul > li > a, 
    body.header_style_2 .header_top .top_nav .main_menu_nav > ul > li > a { color: #002e5b; } 
    body.header_style_2 .header_top .top_nav .top_nav_wrapper > ul > li:hover > a, 
    body.header_style_2 .header_top .top_nav .main_menu_nav > ul > li:hover > a { color: #6c98e1; }

    Regards

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

You must be logged in to reply to this topic.