Return to previous page

CSS sprites of Legenda icons - by Fabio - on WordPress WooCommerce support

This topic has 4 replies, 2 voices, and was last updated 4 years, 9 months ago ago by Olga Barlow

Fabio

Participant

July 28, 2019 at 13:47

Dear Support,

I have created a single sprite image including the Legenda icons as below:

/themes/legenda/images/black_cross.png
/themes/legenda/images/icon-zoom.png
/themes/legenda/images/small-close.png
/legenda/images/small-plus.png
/themes/legenda/images/tick-icon-check.png
/themes/legenda/images/white_cross_big.png

I am now planning to recall the images through CSS classes. I have generated the code however, I would like to know the right file location where to insert the code:

Could you please support me?

Best regards.

F

Please, contact administrator
for this information.

#217850 Copied Theme version: 3.9.2.1 WooCommerce version: 3.5.5

3 Answers

Olga Barlow

Support staff

July 29, 2019 at 14:15

Hello,

If you want additionally customize anything in theme use the child theme folder.
Child theme archive you can find here https://www.8theme.com/downloads
Install and activate it. Use child theme style.css to add CSS custom styles.

Regards

#217919 Copied

Fabio

Participant

July 29, 2019 at 15:19

Dear Olga,

I am already using the child theme. My question was different. In which file of the theme these images are recall?

I have checked the style.css file and the mentioned images are not there therefore I cannot recall them through the style.css of the child theme. Where shall I put the code for pointing at the sprite image and get the images requested by the theme?

Thank you for your help.

F.

#217935 Copied
Olga Barlow

Support staff

July 29, 2019 at 15:33
Hello,

Probably you did not check the style.css file of the parent theme attentively because these images are called from style.css, for example http://prntscr.com/oljfka
So, if you want to overwrite the existing bg add the custom code to child theme style.css, for example
```
.side-area .close-block {
  background-image: url(link_to_new_image_in_child_theme);
  background-position: 20px 50px;
}
```
Regards
#217938 Copied
Viewing 4 results - 1 through 4 (of 4 total)