hero image

Customization Questions

Home Forums WordPress Themes Winterfell Customization Questions

Forums WordPress Themes Winterfell Customization Questions

PLEASE NOTE A RECENT CHANGE:
The forum is read-only. Please submit any support request here.

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

  • biny235
    Member
    Member
    #1997

    Hi,

    A few questions

    How do I change the nav menu colors?( I cannot find the css)

    Is there a way to put the countdown on the front page?

    Is there a way I can take out the “Designed by” on the bottom?

    Thanks


    Tesla
    Member
    Member
    #1999

    Hi,
    Please find the answers for your questions:

    Q: How do I change the nav menu colors?( I cannot find the css)?
    A: If you want to make styling adjustments to your theme, we do not recommend to edit any of the CSS files that come with the theme (Do it on your own risk because you may loose the changes in the future updates). The themes comes, however, with a built in functionality for custom CSS stylings. Go to Tesla Theme menu, click on General Options tab and locate the Custom CSS box. Here you can write your own CSS styles that will override the default ones.

    Q: Is there a way to put the countdown on the front page?
    A: You can set the Front Page from your WordPress Reading settings to Countdown instead of Home

    Q: Is there a way I can take out the “Designed by” on the bottom?
    A: Check your email.

    Best regards!


    sheeniebheenie
    Member
    TT Client
    #2028

    Hi,
    Could you provide the codes for Custom CSS for changing of the nav menu colors?
    (I can look up the color codes myself though.)

    Thank You


    Tesla
    Member
    Member
    #2029

    @SHEENIEBHEENIE , if you want to change the nav bar colors, just override the CSS styles in the TeslaTheme > General Options > Custom CSS


    paburmester
    Member
    Member
    #2223

    Can you please post one example of how can we do that in Custom CSS please.
    Thanks!
    Pb


    Tesla
    Member
    Member
    #2232

    @PABURMESTER,

    Please find the CSS classes:

    /* to change the navbar color */
    .main_wrapper .navbar{
        background: #cef1d2; /* put your custom color hex code */
    }
    
    /* to change the menu items default text color */
    .main_wrapper .navbar .main_menu .row > ul > li > a {
       color: #78a57e;
    }
    
    /* to change the menu items background and text colors on hover */
    .main_wrapper .navbar .main_menu .row > ul > li:hover > a,
    .main_wrapper .navbar .main_menu .row > ul > li > .active, 
    .main_wrapper .navbar .main_menu .row > ul > li.current-menu-item > a, 
    .main_wrapper .navbar .main_menu .row > ul > li.current_page_item > a, 
    .current-menu-parent > a, .current_page_parent > a{
       background: #a3bd44; /* put your custom color hex code */
       color: #ffffff; /* to change the text color on hover */
    }
    
    /* to change submenu colors */
    .navbar .main_menu ul li > ul > li > a {
       background: #9bb53e; /* background color */
       border-bottom: 1px solid #a3bd44; /* the border (line) between each submenu item */
       color: #c7e16a; /* text color */
    }
    
    /* to change submenu items background color on hover */
    .navbar .main_menu ul > li > ul > li > a:hover {
       background: #88a130;
    }
    
    

    Cheers!


    bjdollison
    Member
    TT Client
    #65085

    Hi I have the same problem above questions however mine is having issues on the sticky menu hover. I wanted to change the hover color into #008CCC
    I’ve tried the code below but still unable to solve it:

    .page_wrapper header .navbar .container-fluid .main-nav > ul > li:hover,
    .page_wrapper header .navbar .container-fluid .main-nav > ul > li > .active,
    .page_wrapper header .navbar .container-fluid .main-nav > ul > li.current-menu-item > a,
    .page_wrapper header .navbar .container-fluid .main-nav > ul > li.current_page_item > a,
    .current-menu-parent > a, .current_page_parent > a{
    background: #FFFFFF; /* put your custom color hex code /
    color: #008CCC!important; /
    to change the text color on hover */
    }

    Kindly refer to the website: http://www.nodustudio.com

    Please help me with this issue. Thanks!


    Anonymous
    Inactive
    Inactive
    #65222

    Hi bjdollison,
    Sorry bu I cannot visit your site because it is password protected.
    Can you tell us what theme are you using?
    Best Regards

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

Customization Questions

Home Forums WordPress Themes Winterfell Customization Questions

[i]
[i]
[i]
[i]