CMS Development

MAHammoud
Member

Text Background Color

Screen Shot 2021-06-09 at 11.04.40 AM.png

 

Is there a way to create the background color like the first paragraph without HTML editing? also, this is imported from google docs, but whenever I try to add background color to a paragraph it will have white space between the lines. 

 

This is happening in blogposts 

 

i need to fix this so that the marketing team would be able to create this kind of content without editing html.

0 Upvotes
3 Replies 3
Kevin-C
Recognized Expert | Partner
Recognized Expert | Partner

Text Background Color

Hey @MAHammoud 

 

Could you provide a URL or two for us to take a look at?

I'd bet that some very simple CSS could get you what you need!

Kevin Cornett - Sr. Solutions Architect @ BridgeRev
webdew
Guide | Diamond Partner
Guide | Diamond Partner

Text Background Color

Hi @MAHammoud ,

(refrence class .hs_cos_wrapper_type_module p{ background-color: place code Here; } )
Please use like this and add your Global css and choose background color whicheveryou want and use refrecne class so that does not affect other other rich text background.


0 Upvotes
piersg
Key Advisor

Text Background Color

You could add a style to change the background colour without editing HTML and it won't give white space between lines (a product of line-height). You could apply to this to all blog posts if that's the style you want for all of your blog, or if you just want it on one post you can put it in style tags in the Header HTML in Advanced settings of the post.

 

/* 'post-body' might not be the class for your blog post content body, just using it as an example */
.post-body p {
  background-color: lightblue;
}