Archived topic

GenerateBlocks plugin causing Simple CSS to not work

3 replies · Started by Resonate on September 22, 2021

Viewing posts 1–4 of 4

September 22, 2021 at 10:56 pm #1939878

Hi, when adding CSS to Simple CSS on an individual page, it does not get added to that page's inline CSS when the GenerateBlocks plugin is activated. The moment I deactivate GenerateBlocks, Simple CSS works.

What should I do to get them working together? Is it a matter of deleting and reinstalling GenerateBlocks?

Thanks

September 23, 2021 at 12:30 am #1939929

Hi there,

Not exactly sure why it occurs on your end.

It works on my end as shown on this page - http://elvin.wppluginsupport.net/?page_id=7

The red background you see is applied by a CSS added on Simple CSS.

The sentence "This is a paragraph inside GenerateBlocks Container Block." is a paragraph block inside a GB Container Block.

Having these 2 styles apply means both Simple CSS and GenerateBlocks run on the page.

Can you link us to the page in question? So I can inspect if it's being loaded. (keep both plugins active)

September 23, 2021 at 5:46 pm #1940965

Okay thanks. I have included the login details in the private information text field.

September 24, 2021 at 4:38 am #1941321

Hi there,

i checked the front page of your site and i can see this CSS is loaded in Simple CSS:

.logoTestimonialBackground {
    margin-left: -41px;
    padding-left: 41px;
    padding-top: 20px;
    padding-right: 10px;
}

.featureHeadingText h4 {
    font-size: 28px;
    color: #991A42;
    padding-left: 10px;
}

.featureHeading {
    display: flex;
}

.fas {
    margin-top: -15px;
    font-size: 50px;
    padding-right: 15px;
    color: #991A42;
}

Some of that CSS is working. Others is not:

1. I don't see this class from the first CSS rule being used on the front page: logoTestimonialBackground
2. I see the featureHeadingText in place and both styles are applied.
3. the fas - some of it is being applied, but not the font size as the CSS is not specific enough and is being overwritten. You can make the CSS more specific like so:

i.fas {
    margin-top: -15px;
    font-size: 50px;
    padding-right: 15px;
    color: #991A42;
}

Is there anything else missing ?

As a note - you can use the GB Headline Block to add a title, style its color etc. and an SVG Icon to it... so no need to load all of the Fontawesome library and add CSS to achieve that.

See here re: adding your own SVG Icons inline:

https://docs.generateblocks.com/article/adding-custom-svg-icons/

This archived topic is closed to new replies.

Start building better websites today.