Items not displaying correctly, text sizes changing.

Hi Alex,

Thanks,
The Hero Widget seems to be working fine, the headline widget in combination with the Features widget is still acting strange.

You say there is no icon set installed, but when I look into the icons I’m seeing 6 sets (elegant theme lines, Font awesome, …). Or isn’t this what you mean? I’m using images instead of icons, so I presume I need to remove the icon in the feature?

The problem is that we I edit the headline widget the icons are gone, and when i edit the icons the icons are back but the headline is gone. So it still presists.

Hi Alex,

It doesn’t work resetting the icons.
Do you need to set icons even when you use images? I though I needed to unset them in that case.

One time I set parameters and all is ok.
Then I change 1 parameter in features and Headline disappears.

Frederick

Alex,

The Icon Images just seem to be not to be displayed because of CSS problem
In the CSS od this part:

<div class="sow-icon-image" style="background-image: url(http://comelitsupport.be/mugdemo/wp-content/uploads/2019/01/fredss_1-768x1358.jpg); font-size: 300px"></div>

There is this:

.so-widget-sow-features-default-dc13c2847d38 .sow-features-list .sow-features-feature .sow-icon-container [class^="sow-icon-"], .so-widget-sow-features-default-dc13c2847d38 .sow-features-list .sow-features-feature .sow-icon-container .sow-icon-image {
text-decoration: none;
color: #FFFFFF;
width: 300;
height: 300;
position: absolute;
top: 0;
display: flex;
align-items: center;
justify-content: center;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}

See that the height and width are not have px (as configured).
When I change this to

width: 300px;
height: 300px;

When I change this with px, it works. so it seems in the rendering this unit is not added to the HTML.
Maybe this can be an indication for you. I’m not sure where this is added in the process.

Very strange:

When I modify the features as last and the nsave an reload the page the inspection of the element shows
In this case the images are ok, but the headline isn’t
.so-widget-sow-features-default-cdb9366931f1 .sow-features-list .sow-features-feature .sow-icon-container

[class^="sow-icon-"], .so-widget-sow-features-default-cdb9366931f1 .sow-features-list .sow-features-feature .sow-icon-container .sow-icon-image {
text-decoration: none;
color: #FFFFFF;
width: 301px;
height: 301px;
position: absolute;
top: 0;
display: flex;
align-items: center;
justify-content: center;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}

When I open the page, modify something in the headline parameters the inspection of the features image shows this:

.so-widget-sow-features-default-a0603fabd9f9 .sow-features-list .sow-features-feature .sow-icon-container {
icon-container {
width: 301;
height: 301;
font-size: 301;
text-decoration: none;
margin: auto;
}

In this case the title is visible but the images are not.

Seems like one is ‘overwriting’ the other.

With the SiteOrigin Page Builder it seems to work correctly. I’ll try like this and keep you posted. Thanks for the support!

If you need me to test something for your dev team let me know.

Hi Alex,

Just to let you know that with the actual version all seems to be solved.
Thanks for the support. This thread can be closed.

Frederick