Location content images from modules

[AntsGoUp]

Hello, 

I'm looking to modify some icons and nav arrows used on modules. The goal is to change the color, the thickness or add a background on icons that are not enough clear.

For example, I'm using a bonpresta theme, in which there is a image slider called bonslick, the arrows are too thins. In the theme.css, I have #bonslick .slick-prev:before {
    content: '\e802'
}

I suppose that the content e802 is the image or the logo of the arrow, but i cannot find it anywhere. Do you know where I can find it or trace back the orignal location of this content ?

 

Thanks

[ComGrafPL]

Share url. Most probably is best to do it via css.

[AntsGoUp]

Hi, thanks, indeed, i just found that te content called is not really the arrows...
The arrow is no more than < and >, I managed to put it bold and highlight to make it more visible.

Mission succeed.

Thanks

[Paul C]

20 hours ago, AntsGoUp said:

Hello, 

I'm looking to modify some icons and nav arrows used on modules. The goal is to change the color, the thickness or add a background on icons that are not enough clear.

For example, I'm using a bonpresta theme, in which there is a image slider called bonslick, the arrows are too thins. In the theme.css, I have #bonslick .slick-prev:before {
    content: '\e802'
}

I suppose that the content e802 is the image or the logo of the arrow, but i cannot find it anywhere. Do you know where I can find it or trace back the orignal location of this content ?

 

Thanks

The slick Javascript slider code (by default) uses a web font (called 'Slick' iirc) and that '\e802' is the character that represents the back arrow icon. Most of the other icons in a theme will likely be using Material Fonts or FontAwesome (depending on the theme and modules you're using). You need to look for the webfonts and potentially change the font-family, font size, colour, background etc. of those elements