CSS is displayed differently

  • I use twentytwentyfour with Generateblocks I have created a template part with GB containers. This template part is syncronized in all pages of the website. I changed the padding. Everything seems fine in the backend. However, I see this template part with the same container with different paddings on different pages in the frontend. The CSS is displayed inline. If I look at the inline stylesheet, it contains different rules depending on which page I am on. This is very strange. I can exclude caching by WP, browser or hosting.

    Example:
    Template-Part – Container Padding 1rem
    Site A Container Padding 1rem
    Site B container padding 5rem

    I have also tried to save the CSS externally (GenerateBlocks Settings), but this resulted in one page still having inline CSS and one having an external stylesheet.

    Thanks
    Manja

    • This topic was modified 2 months, 4 weeks ago by Manja Neumann.
Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Support ying

    (@yingscarlett)

    Hi Manja,

    Can you link us to 2 pages that are using the same template but with different styles so we can compare?

    Let me know ??

    Thread Starter Manja Neumann

    (@tippl)

    Unfortunately not, the site is still being developed locally. I have attached screenshots of the html structure and the css. It seems to me that the inline css is saved page by page and not across the whole installation. Is that correct? On page B the modified css does not seem to have been updated. Where do you store the inline css?

    Plugin Support David

    (@diggeddy)

    Hi there,

    on the problem site, select the parent container block and duplicate it and delete the original. This will regenerate the CSS Classes and eliminate a potential classname conflict

    Thread Starter Manja Neumann

    (@tippl)

    Great! It worked. After duplicating parent and issue container I got new inline css and now I can see the changes in the frontend too.

    So how can I avoid this behavior in future? This isn’t just one incident. I found more containers with old css ??

    Plugin Support David

    (@diggeddy)

    Currently when you copy and paste a block, GB Checks if there are any duplicate classnames and if there are, it regenerates the classes.
    BUT this ( currently ) won’t work if you copy and paste between posts (including block templates) . So for now instead of Copy and Paste. use Duplicate , Cut and Paste.

    Thread Starter Manja Neumann

    (@tippl)

    Ok, I will change the workflow to avoid this. Thanks a lot!

    Plugin Support David

    (@diggeddy)

    You’re welcome

Viewing 7 replies - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.