Icon Types

[cbdesign]

Hi how do I get my icons NOT to have a circle around them when scrolling over them? I used Featured Item to get the icon instead of List Item because the List Item showed the icons too small and up in the left corner. (Any other way to use icons?)

So in Featured Items List I chose Bordered Icons – NO and it’s still showing a thin circle outline when you scroll over the icon? I don’t want the circle around it? Also how do I give it a specific color? I do not want the icons to be black (like they are now) and I don’t want them to be blue (highlight color). I’d like them to be a light gray like #777777 or #e5e5e5 (if that’s not too light). How do I do this?

 

And can the items be a little closer together if I wanted? I’m wondering if they are too far apart (each line).

Or if I wanted to have the line separators like on the Fancy List – how could I do that? I think it has a nice neat look. Thanks!

Attachments:

You must be logged in to view attached files.

[cbdesign]

By the way that attachment was to show you the lighter colored icons. Thanks.

[Laura]

Hello,please add this to style.css it will disable the border of the icons on hover

COPY CODE

span.feature-icon.el-appear:hover {
    border: none !important;
}

This will change their color:

COPY CODE

span.feature-icon.el-appear:before {
    color: #777777;
}

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[cbdesign]

Thank you and any way to take away the movement on the icons on hover – featured items? And even though I included the code the outline is still coming up around icons on hover?

Also is there a way to use my own icons with your theme? And how would I do that? Thanks.

[cbdesign]

Also how do I get the icons – let’s say I just use text with icon – I want bigger than the regular size but smaller than 2x? I want to be able to adjust the size. Thank you.

[Laura]

Hello, can you share a link to the page? The link above gives a 404 error

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[cbdesign]

http://fdb.849.myftpupload.com/?page_id=8565&preview=true

If you login it’s the Health Services 2 page.

[Laura]

Hello, this should delete the borders:

COPY CODE

span.feature-icon {
    border: none !important;
}

And this will change the size of them

COPY CODE

span.feature-icon:before {
    font-size: 40px !important;
}

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[cbdesign]

Thank you!

[Laura]

Its a pleasure 🙂

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Author]

Posts