MemeRunner

I see. Thanks so much, Faisal. That works great!

If you go to

https://dougschumacher.com/blog/

click on a column in the Post and Grid block on the page, and select ‘Inspect’, then search ‘ds-block-ppgrid’, it will come up.

Here’s the code that’s been entered under style id wp-custom-css:

/* POST GRID */
.ds-block-ppgrid .wp-block-latest-posts__post {
  background: white;
	  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  overflow: hidden;
}

.ds-block-ppgrid .wp-block-latest-posts__post-title {
  color: black;
}

@faisalahammad I also tested the block by creating a new one, then adding the Additional CSS class ds-block-ppgrid, but still didn’t work.

In Inspect, in addition to seeing the new class in what appears to be the right location, I’m also seeing it down the page, in the section class gb-block-post-grid

Thx @bcworkz. Appreciate the FWIW note.

I cleared the entire cache, but still having probs with it retaining settings, so going to post to the plugin support

Thanks @faisalahammad,

I tried that, and am using a Class name of ds-block-ppgrid, which I added the the Post and Page Grid block, but am not seeing any change in the page. And I don’t seem to have any conflicting Classes that I can see.

Any thoughts on what might be wrong?

• This reply was modified 1 year, 10 months ago by MemeRunner.

@bcworkz

Thanks. I meant to reactivate that but forgot,

But your new suggestion works great. So thank you very much.

Also, appreciate the note on important. That’s very good to know.

Thanks, @bcworkz

I added h2 ( margin-bottom: 40px;} to my Customizing > Additional CSS window, but it only seems to be impacting the margin at the top of the page between the top nav area and the hero content section just below it, but hasn’t impacted the space below the page content h2s.

I don’t get how that can be as there aren’t any other h2 references in my Additional CSS. I’ve been looking in inspect, but don’t see any reason why that would be happening. I did see a CSS class .entry-content h2, in inspect, and tried adding the margin-bottom name/value after it, but it didn’t produce any result.

Thank you! Found it. Worked great.

Elvis, thank you. That worked. So simple.

Thx Luke. Appreciate the input. Very helpful.

Thx Luke. Great input. I found it and changed it.

Got it rsolved. Thanks Tushar!

James, thank you very much. That works great.

I heard back from the Google Fonts plugin, and apparently it doesn’t work with the Advanced CSS, but it’s on a product features list. So I’m leaving your code in the site, and will just uncomment it when they fix the problem.

Thank you for your help.

Thank, James! Good test.

I set up a test page with a standard paragraph block, a list block, and a Google Fonts block. It looks like the CSS Class doesn’t work on the Google Fonts block, so must be an inherent problem with that plugin.
https://dougschumacher.com/test/

Do you happen to know why the square bullet CSS below doesn’t work on the ordered list or paragraph block of text?

.bullitt {
  list-style-type: square;
}

I’ve also tried this:

ul.bullitt {
  list-style-type: square;
}

According to this page below, it looks like that bottom solution should work:
https://www.w3schools.com/css/css_list.asp

Thank you very much for your input.

thank you Tushar. I had done that previously and nothing showed up, but I’m now seeing those options, so not sure what’s going on.

I’m still not getting good results, though. I’ve tried pasting in the URL 3 different ways, including using the Google Docs “Publish” url. When I do that, the embed never loads, and just hangs.

Not sure if you can see what’s on my site, because none of my embeds seem to be loading.

https://dougschumacher.com/resume/

Thx for any additional input.