Blog Icons (Renew Stack)

[s_gogos]

Hello guys,

I’m having a minor issue in the blog section of my website (https://www.worldvespa.net/blog).
The icons of every post (next to the post’s title on the left- see the image I uploaded) are very big.
How can I make them smaller so they fit in the circle?

Thanks in advance,
Stergios

[john]

Hey,

For some reason, the icon font size is overlapping by another rule, so, add this custom CSS code to fix the problem:

    .x-full-width-active .entry-title:before, .x-content-sidebar-active .entry-title:before {
        font-size: 32px !important;
    }
}```

Sincerely,
John T.

[s_gogos]

Thanks for the reply John!
I’ll try your suggestion asap.

[nico]

Hi @s_gogos,

Let us know how it goes.

thanks.

[s_gogos]

Hello guys,

One more question.

Where should I copy that code?

In Appearance - Customize - Edit Global CSS

or

In Appearance - Customize - Additional CSS ?

Thanks for the support,
Stergios

[thai]

Hi Stergios,
It should be under Appearance - Customize - Edit Global CSS

Regards!

[s_gogos]

Hi!

When I paste it in Appearance - Customize - Edit Global CSS it doean’t do anything.
When I paste it in Appearance - Customize - Additional CSS it works.

What should I do?

[ruenel]

Hello There,

Thanks for updating in! You may have added it incorrectly or inserted in between other css. Just insert it where it works out best for you.

Please let us know how it goes.

[s_gogos]

Hello RueNel!

That’s exactly what I did:

Is it wrong?

It’s the last code in the photo. I just did copy, then past the code bellow:

@media only screen and (min-width: 980px) {
.x-full-width-active .entry-title:before, .x-content-sidebar-active .entry-title:before {
font-size: 32px !important;
}
}

[thai]

Hi There,

Your custom CSS is missing the closed bracket(}).

Please find this CSS:

@media (max-width: 767px){
.x-logobar {
clear: both;
}

And change to this:

@media (max-width: 767px){
.x-logobar {
clear: both;
}
}

Let us know how it goes!

[s_gogos]

Thanks a lot guys!
That solved the problem!

[jade]

Glad to hear that.

Cheers!