Service Widget

[Anonymous]

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

[Axle Themes]

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.

[Anonymous]

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!

[Axle Themes]

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.

[Author]

Posts