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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[lovewp]

This reply has been set as private.

[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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[lovewp]

This reply has been set as private.

[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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[lovewp]

This reply has been set as private.

[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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[lovewp]

This reply has been set as private.

[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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[lovewp]

This reply has been set as private.

[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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Author]

Posts