Service Widget

Home Forums Corporate Key Pro Service Widget

This topic contains 3 replies, has 2 voices, and was last updated by  Axle Themes 7 months, 1 week ago.

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

    Peter Arnegard
    Participant

    How can I edit the colors in the service widget and center the text?

    #751

    Axle Themes
    Keymaster

    Hello,

    Can you please specify in more detail of what you want to change so that we can provide you the exact CSS to fix your issue.

    Regards.

    #755

    Peter Arnegard
    Participant

    The colors I’m going with are red and black. I would like to change the orange circles (with the icons inside) to red. I also am noticing that when my cursor rests on one of the light gray boxes, the text becomes orange. I would like to make that text black for the title and red for the Read More link with the link becoming black when you hover over it. I also can’t seem to figure out how to center the title and Read More link in the box.

    I am also noticing on the same home page that when the menu drops down and has the white bar appear behind it, that the site title becomes orange when you hover over it. It is not doing this anywhere else on the site, so I’m not sure how to fix it.

    Here is the site: http://www.jonathanvanhorn.com
    I am specifically looking at the home page.

    Thanks!

    #760

    Axle Themes
    Keymaster

    Hello,

    Please add the below given CSS to change the background color of the icon container option and to change the hover color of the site title on scroll to

    Dashboard -> Appearance -> Customize -> Additional CSS

    .corporate_key_widget_services .service-block-inner > a {
     	background: #90320d;
    }
    
    //site title color on fixed header
    .home.header-overlap-enabled #masthead.fixed .site-branding a:hover, .home.header-overlap-enabled #masthead .site-branding a:hover {
        color: #171615;
    }

    Now for the hover color of the services box you can change it form

    Dashboard -> Appearance -> Customize -> Home Page Widgets Color Options and change the Link Hover Color option to your preferred color.

    Hope it helps.
    Regards.

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

You must be logged in to reply to this topic.