After theme update icons and html blocks are not displayed

Hi,
As in the title.
I made an update to the theme. There was a problem with icons and html blocks.
Please check it yourself, the address is in the hidden content.
I’d appreciate your help.

Best regards

Hi,

Please, describe to us your problems in a bit more details. Attach some screenshots and provide us with a list of steps on how to reproduce them on your website.

Thank you in advance.

Thank you for your response.
There are no steps. I just did an update. Now if you go to the links I sent you you will see what I am posting now in pictures.

Attachments:

You must be logged in to view attached files.

Please, send us your admin access so we can check. Also, make sure that you have updated our WoodMart core plugin via Appearance -> Install plugins.

That’s exactly how I updated the theme.
I’m sending admin access.

Thank you so much.

As we can see, you haven’t updated the core plugin. Please, do this via Appearance -> Install plugins and test again.

That was it. I’m so grateful for your help.
However, now I have a problem with the shape of the icons. Please look at the painting. The icons are now round. They are overridden in css to make them square. They were square before the update. Could you please check why it happened that the icons are now round?

Attachments:

You must be logged in to view attached files.

Could you please clarify where do you have the code to make icons squared there? Please, send us a screenshot.

Hello,
It’s here.

Thank you so much.

Attachments:

You must be logged in to view attached files.

Try to modify specificity of your selectors by adding an additional tag at the beginning.

For example, try to change selectors from:

.box-icon-with-bg .info-box-icon, 
.box-icon-with-border .info-box-icon

to:

body .box-icon-with-bg .info-box-icon, 
body .box-icon-with-border .info-box-icon

Kind regards

I did. All the icons have changed size (to smaller). Now some pages have squares and some have circles – when I refresh the page, the circles change to squares.

Thank you.

As was suggested in a previous reply, you need to modify your custom code selectors with body tag. As we can see, your custom code contain two selectors:

.box-icon-with-bg .info-box-icon – for info box icons with background and
.box-icon-with-border .info-box-icon – for info-box icons with border.

To fix your custom code, you need to add body tag to BOTH selectors to make them both correctly apply stiles to it. (https://monosnap.com/file/ef4X1GQFzj77mOGStR1Qh6iMUtIKLC)

body .box-icon-with-bg .info-box-icon, body .box-icon-with-border .info-box-icon {
    border-radius: 0%;
    text-align: center;
}

Kind Regards

I understand. Thank you very much.
I’m correcting that.

You are welcome!

[Author]

Posts