Custom Colours not Included

  • Resolved junkosuzuki

    (@junkosuzuki)


    6 years, 5 months ago

    Hello,

    As was stated in one of the Camer Setup pages, there are certain colours I can’t change by the WP customizer and I would like help.

    • Links in blog posts (now light blue, I was able to change the hover colour, but not the unvisited links).
    • Primary Menu’s current page text colour (now light blue)
    • Submit button’s colour when using default contact form. (currently light blue, and somehow very wide).

    Thank you for your support.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Andre

    (@andre-jutras)

    Greetings!

    Just starting my day here and see your post notification.One thing though, is it possible to get a link to your site where this is? But let’s see if I can help here with colours based on the theme’s own demo site for reference.

    For the first one about links, this is the theme’s default link colour:

    a,
a:visited {
    color: #59a9bb;
}

a:focus,
a:hover {
    color: #161616;
}

    So to override that, copy the ones you want to change and put it into the Additional CSS tab of the customizer. Hopefully that helps.

    For the main menu current colour, this is the batch of code that does this to the menu link(s).

    @media (min-width: 992px) {
.main-navigation-menu a:focus, 
.main-navigation-menu a:hover, 
.main-navigation-menu li.home a:focus, 
.main-navigation-menu li.home a:hover, 
.main-navigation-menu li.current-menu-item > a, 
.main-navigation-menu li.current-menu-item.menu-item-home a:focus, 
.main-navigation-menu li.current-menu-item.menu-item-home a:hover {
    color: #4a9fb3;
}
}

    Copy that code also, then just change the color: value.

    For the button, this is the theme’s default colouring for buttons:

    .button, button, 
input[type="submit"], 
input[type="reset"], 
#infinite-handle span, 
.wp-block-button .wp-block-button__link {
    background-color: #bcd6dc;
    color: #fff;
}

    Once again, copy that and then update the colours. However, if you want to just change the button you mentioned, you can do it like this:

    input[type="submit"] {
    background-color: #bcd6dc;
    color: #fff;
}

    That will change all form buttons that are using the button type “submit”. Usually this will be any form that has a submit button.

    Hopefull all the above helps ??

    Thread Starter junkosuzuki

    (@junkosuzuki)

    Hello Andre,
    Thank you so much for the prompt reply (sorry, mine is rather slow).
    Those codes all worked and I was able to make changes I wanted to make.
    I initially didn’t share the link because my site was still work in progress. But here is what it looks like now.

    Actually I now have another issue I want to ask you, but I guess I need to start a new topic? Thank you for your support!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Custom Colours not Included’ is closed to new replies.