[app_account] breaking the page

Account page loads its own css and some of the css codes may interfere with css of your theme.

It is the website designer’s job to check and fine tune such css codes.

You can get use of Inspect feature of the browser for that purpose, for example it is easy to see:

.app-account-page {
    box-sizing: inherit;
}

Cheers,
Hakan

Thanks Hakan,

I am an amateur building my website on my own so it’s sometimes hard for me to find out how and where to change some things. I eventually get it done but the process of discovery is much longer than the fix usually for me. hahaha

I do make use of inspect element feature and that’s how I did most of the changes to the design of your plugin. ?? Even some php too. I did some ducktape and glue kind of solutions to get what I needed but I’m satisfied with how it turned out.

I’ll figure this out too. ??

All in all you’ve been extremely helpful and fast with your responses.

With respect,
Varlot

Hi Hakan,

I failed to fix it. I simply don’t know what to do. The page with app_account shortcode has broke styling and has double scrollbars. As soon as I remove it all is good. I tried with the advice you gave me but I don’t understand what to do to be honest.

Would you care to elaborate on your first advice?

Page is still available with the same user info.

Best regards,
Varlot

• This reply was modified 2 years, 1 month ago by varlot.

Actually the only problem I can see is the double scrollbar.

I opened the page and deleted html elements of WP BASE using Inspect feature of the browser. Double scrollbar is still there.

This means you have a problem somewhere else.

Indeed you have:

html, body {
    overflow-x: hidden;
}

body {
    overflow-x: hidden;
}

If you make overflow visible, then double scrollbar will disappear.

Cheers,
Hakan

Hi Hakan,

that did the trick for the scroll bar.

I tried the same trick but it didn’t occur to me to use both html and boy tags at the same time.

Maybe when you remove it from inspect it doesn’t show any changes but when I remove the shortcode and update the page all formating reverts to default I set up.

The part of the page that is impacted is footer h, p and links. MY opinioin is that some of the styling from the acc page is somehow impacting it.

All in all I can live with it. I’ll get back to this issue later on and try to mend it but for now removing the scroll bar is good enough. It’s usable and footer is not something users will be seeing that often.

Thank you for your help,
Varlot