Icon color

[lovewp]

@sharmstr I was wondering how to change the color of my icons on my homepage, they are currently a light blue, I’d like to turn the icon and outline both to white, can you please provide assistance, thanks.

@starmstr – should be your new handle 🙂

[sharmstr]

You can do that by searching 🙂

https://archived.seventhqueen.com/forums/topic/coloured-featured-icons

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[sharmstr]

Oh. To change the border you’d add border: #fff 1px solid; to the css you’ll find on the other page.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[lovewp]

@sharmstr so I add:

.icon-megaphone:before {
color: red;
}

for each icon?

and about the border on the icon, what other page are you referring too? please be clear as WP is new to me, I am getting the hang of it 🙂

[Abe]

thanks @sharmstr
also @lovewp customizations should be handled from your side since is out of the scope of this support forum.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[lovewp]

@Abe What have I asked that is out of scope? Everything I’ve asked is directly related to the theme?

Can I please get an answer on how to color the border around the icon on the homepage, thanks.

[sharmstr]

The page I was referring to was the link I sent you. The link only had info on how to change the icon and not the border.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Abe]

@lovewp what I mean is the theme generates the colors based on your selection from Theme options and you should be able to handle CSS styling changes if you need anything else than that.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[lovewp]

@abe @sharstr – I changed the ‘border’ color in the admin, it did nothing to the border around the icon on the homepage? Where do I control the border color?

Thanks.

[sharmstr]

You add it to the css that was in the other topic.

COPY CODE

.icon-megaphone:before {
color: red;
border: 1px solid #fff;
}

You should consider hiring someone with php, html and css knowledge.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[lovewp]

@sharmstr By adding your example the display is a square border around the icon with the round blue border still highlighting the icon when you rollover it, I’m trying to change the hover blue border to white.

look at my site right now, it has your code from above.

[Abe]

I don’t see your site link on this topic

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[lovewp]

@Abe what link is in reference? I don’t understand.

[Abe]

you said “look at my site right now, it has your code from above.” what site to look at? 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[lovewp]

@Abe I’ve been working with @sharmstr which I gave my address too.

http://pdxhuddle.com/dev/

As you can see the icons on the landing page have a square border around them. Can you please help with this.

Thank you.

[Abe]

to change that border color you should add

COPY CODE

.feature-icon.el-appear:hover {
    border: 1px solid #fff !important;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Author]

Posts