How to change icon size in the introducing section?

Markus Czanba
asked 10 years ago

I have to change the icons in the introducing page, which worked out fine. But the new icons have 120×120 pixels instead of 60×60. I don’t want to size them down, I want them to be displayed with 120×120. Where do I have to configure this? thx!

Markus Czanba
replied 10 years ago

Theme is DW Page…sorry!

1 Answers

DominicStaff
answered 10 years ago

Hi Markus,
To change the icons in the introducing page, please do as the following code:
Step1: Log in to Dashboard > Media > Add your icon, copy the File URL.
See the screenshot:

Step2: Move through Appearance > Editor > style.css file then add the following code:

.icon-tpl-design {
background: url('File URL') !important;
}
 .icon-tpl-spaceship  {
background: url('File URL') !important;
}
 .icon-tpl-galaxy {
background: url('File URL') !important;
}
 
.introducing .section-img .hide-text, .introducing .section-img img {
    height: 120px;
    width: 120px;
    margin: -30px 0 0 -63px;
    top: 33%;
}

Notice: Please change your icon link here: File URL
Hope this helps !