Layout issues (past few months) - Support | Kriesi.at

Viewing 17 posts - 1 through 17 (of 17 total)

Author

Posts
February 28, 2022 at 7:17 pm #1342599

thijsvanhalewijn
Participant

Hi,

I keep seeing layout issues in my webpage layout. Like H2’s are displayed differently than they should (far too big).
Or footer text is colored differently than it should (grey instead of white). I do not use a caching plugin.

After some hard refreshing (shift + F5) it seems OK again, but after a second, it jumps back to the wrong display.

I already tried to diactivate plugins, but nothing really helps.

Seems like a conflict somewhere, any help is appreciated!

March 1, 2022 at 4:33 am #1342632

Ismael
Moderator

Hey thijsvanhalewijn,

Thank you for the inquiry.

The headings stay the same even after refreshing the page a few times. Would you mind providing a screenshot of the issue? You can use imgur, dropbox or any free image hosting for the screenshots.

Best regards,
Ismael

March 1, 2022 at 11:42 am #1342693

thijsvanhalewijn
Participant

Thanks Ismael, sure!

I uploaded 4 screenshots of the footer and body text, so you can see whta it should look like and how it displays now..:

Footer + blog text

Thanks!

March 1, 2022 at 5:17 pm #1342744
Yigit
Keymaster
Hey,

Thanks for contacting us!

Additional styles are loaded via CDN and those seem to overwrite theme options. I added following code to bottom of Enfold theme options > General Styling > Quick CSS field to fix footer color issue
```
#footer p { color: #ddd !important; }
```
and edited H2 tagged elements in Enfold theme options > Advanced Styling and set it to 22px.

Please review your website :)

Regards,
Yigit
March 1, 2022 at 5:36 pm #1342748

thijsvanhalewijn
Participant

Hi Yigit,

Thanks, unfortunately I do not see any improvements…

March 1, 2022 at 5:56 pm #1342749
Yigit
Keymaster
Hi,

H2 size is still correct on my end but the code I added for footer seems to be removed from Quick CSS field. Please add following code to bottom of Quick CSS field
```
#footer p { color: #ddd !important; }
```
Best regards,
Yigit
March 1, 2022 at 6:42 pm #1342753

thijsvanhalewijn
Participant

Thanks, footer is OK now.

But the H2 on my side is still not… Could you give me the code, maybe I can give it a try myself?

March 1, 2022 at 7:45 pm #1342759
Yigit
Keymaster
Hi,

You can use following code to set H2 font size to 22px
```
#top #wrap_all .all_colors h2 {
  font-size: 22px;
}
```
I still see it in correct size but if you do not see it after adding the code, you could try adding !important rule as following
```
#top #wrap_all .all_colors h2 {
  font-size: 22px !important;
}
```
Best regards,
Yigit
March 1, 2022 at 9:00 pm #1342770

thijsvanhalewijn
Participant

Thanks, but unfortunately, no results….

March 2, 2022 at 3:15 am #1342789

Ismael
Moderator

Hi,

Thanks for the update.

The font size of the h2 element is already set to 22px when we checked. The footer looks fine as well. We provided screenshots in the private field. Please make sure to purge the cache on your end or try to check it on a different browser.

Best regards,
Ismael

March 3, 2022 at 10:30 am #1342973

thijsvanhalewijn
Participant

Hi Ismael,

Thanks again, the foter is allright. The only issue there was the color of the text.

The thing is, with the “h2” issue, I meant issues ‘like’ h2. See the screenshot: it’s not only the h2.
It’s also wrong line breaks, as you can see in the picture that I uploaded.
There should be at least 3 or 4 empty lines beteween text lines. Now, there are none….

Webtext issues

The bigger issue here is, that these styles have been set like this for years.
Since some time the layout does not listen to it anymore: seems like there is a conflict or so.

March 3, 2022 at 10:30 am #1342974

thijsvanhalewijn
Participant

Hi Ismael,

Thanks again, the foter is allright. The only issue there was the color of the text.

The thing is, with the “h2” issue, I meant issues ‘like’ h2. See the screenshot: it’s not only the h2.
It’s also wrong line breaks, as you can see in the picture that I uploaded.
There should be at least 3 or 4 empty lines between text lines. Now, there are none….

Webtext issues

The bigger issue here is, that these styles have been set like this for years.
Since some time the layout does not listen to it anymore: seems like there is a conflict or so.

March 3, 2022 at 12:35 pm #1342989

Yigit
Keymaster

Hi,

As I mentioned above, the issue is the stylesheet I linked in private content field. It is loaded via CDN and overwrites theme CSS. I thought the only issue was with H2 tagged elements and footer text but if it affects the whole site, you would need to disable it.

Best regards,
Yigit

March 3, 2022 at 1:01 pm #1342993

thijsvanhalewijn
Participant

Ah, I get it now.
I did not realize I still had cache plugins active!

I checked them and deactivated all of them.
Still the issue persists, what else can I do to remove the chaching completely?

Thanks Yigit.

March 3, 2022 at 1:18 pm #1343000

Yigit
Keymaster

Hey,

If you have server side cache, please clear it as well. Even though cache is disabled, I usually need to clear dynamic cache on SiteGround for my website in Speed > Caching > Dynamic Cache :)

Best regards,
Yigit

March 3, 2022 at 1:29 pm #1343004

thijsvanhalewijn
Participant

Thanks, Yigit,
After disabling the plugins, I updated my website, that cleared the cache, it’s all fine now.

I am still not quite clear on how to manage this cache thing, (don’t see any Siteground for example), but for now I am happy the problem is solved and everything looks good.

Will try and hire someone to have a look at caching.
Thanks and case closed :-)

March 3, 2022 at 1:38 pm #1343006

Yigit
Keymaster

Hey,

Sorry, I was not clear. You would need to login on your SiteGround account – https://www.siteground.com/ for that.

You are welcome! Let us know if you have any other questions and enjoy the rest of your day :)

Regards,
Yigit
Author

Posts

Viewing 17 posts - 1 through 17 (of 17 total)

The topic ‘Layout issues (past few months)’ is closed to new replies.