[Resolved] Some small css queries before project finalization..

[Stephen]

Hi GP team, it’s been grateful to your continue support, my 2nd site seems almost done with your help.
There are few css question may I ask for help.
1) How to cusomize my blog header title color ? I had set for H1, the H1 color on other pages is good as I expected, but for blog page, I want to change its color without changing colors on other pages, could you help me with it? Reference link: https://54.68.147.74/~lfs/en/reinscriptions-ou-radiations-pour-2021-2022/ (Can I change current head title from white to #0f145a ? )

2) How can I give customized css for adjusting text row distance for following page..
Guide des parents (https://54.68.147.74/~lfs/fr/guide-des-parents/ )
At the end of the page the is long list of acronyms, could you slightly increase the space between the bullet points ?

3) In the backend, title of the post is on top of the first lines of the content – is there a way to change it because it’s quite annoying when you write the post, reference link https://www.awesomescreenshot.com/video/3424404?key=5f0be95e75e46e78e6f96645ebcb0f4f

Always be your fan!

Best regards,

[David]

Hi there,

1. Are you wanting to change the H1 on all Posts ? ( but not other pages ).
If so do the Posts have their own Header Element – as you can change the H1 color in the Element editor.

2. Do you want to reduce the Content Width ? If so use a Layout Element:

https://docs.generatepress.com/article/layout-element-overview/

On the Content tab leave the Container Area as Default and set a smaller Content Width. Then set the Display Rules for the pages you want it applied to.

For the list – select the List Block in the Editor. In the Advance > Additional CSS Class(es) field add: list-margin-bottom

Then in your CSS add this:

ul.list-margin-bottom li {
  margin-bottom: 1.5em;
} 

Change the 1.5em to whatever value yo require.

3. Thats not something that can be easily fixed. If you need to add the negative top margin to that container then you could use CSS to do it.
Remove the negative top margin from the Container Block. Then in Container Block > Advanced > Additional CSS Class(es) field add: container-neg-top

Then add this CSS:

.gb-container.container-neg-top {
    margin-top: -80px !important;
}

[Stephen]

Thanks David, it works well! I appreciated your continued support!
Always be your fans!

[David]

Glad to be of help

[Author]

Posts