highlighting the wordpress blog area?

staypositive

Supreme Member

Jul 28, 2015

1,433

225

• Dec 24, 2016

• #1

first of all, merry xmas to you all and hope we can continuous to grow and earn a lot bhw members!

i saw one of the amazon posts and the author make a very nice text content like below:

i wonder how to make these area background colour, please share!!

thanks

https://postimg.org/image/buy0r8a3n/

 

Attachments

• 
  z1z1.PNG

  116.9 KB · Views: 8

Silverandblack

Junior Member

Mar 26, 2013

105

23

• Dec 25, 2016

• #2

I commented on one of your other posts with an idea. However, now that I see you are using wordpress, the simple solution is to use shortcodes for highlighting. Download a shortcode plugin and you will be able to do it easily.

 

We Bring Rank

Elite Member

Jr. VIP

Aug 21, 2016

3,586

831

• Dec 25, 2016

• #3

Hope, this plugin will help you : https://wordpress.org/plugins/fully-background-manager/

 

staypositive

Supreme Member

Jul 28, 2015

1,433

225

• Dec 25, 2016
• Thread Starter Thread Starter

• #4

hi , mind to share which shortcode?

hi we bring back, thanks but this is not what i need, i need in a specific paragraph highlighted

 

mynameisfrankenstein

Regular Member

Apr 2, 2015

429

385

• Dec 27, 2016

• #5

<div style="background-color:#F7F7F7">content ...</div>

 

blogzandstuff

Elite Member

Jan 1, 2015

10,759

6,921

• Dec 28, 2016

• #6

mynameisfrankenstein said:

<div style="background-color:#F7F7F7">content ...</div>

Click to expand...

that's no good on it's own

 

blogzandstuff

Elite Member

Jan 1, 2015

10,759

6,921

• Dec 28, 2016

• #7

staypositive said:

first of all, merry xmas to you all and hope we can continuous to grow and earn a lot bhw members!

i saw one of the amazon posts and the author make a very nice text content like below:

i wonder how to make these area background colour, please share!!

thanks

https://postimg.org/image/buy0r8a3n/

Click to expand...

You can position a simple css text box anywhere in a post or page, just add the class to the text and it will highlight it in a styled box.
In your child theme style sheet add the code below
.textbox{padding:2px 6px 4px 6px; color: #000; background-color: #fff; border: 1px solid #000;border-bottom:3px solid #000; border-radius:5px;}
Then in your post or page add this
<p class="textbox">ADD YOUR TEXT HERE</p>
Change the " ADD YOUR TEXT HERE " to whatever text you want.
If you want to add a simple css text box to some existing text then just put <p class="textbox"> before the first word and </p> after the last word of the text you want in the box.
You will need to modify the colours etc to fit your needs

 

staypositive

Supreme Member

Jul 28, 2015

1,433

225

• Dec 28, 2016
• Thread Starter Thread Starter

• #8

thanks so much all esp. blogzandstuff, it worked!!!!!!!!!!!!!!!

 

Last edited: Dec 28, 2016

blogzandstuff

Elite Member

Jan 1, 2015

10,759

6,921

• Dec 29, 2016

• #9

staypositive said:

thanks so much all esp. blogzandstuff, it worked!!!!!!!!!!!!!!!

Click to expand...

Glad it helped Ya!

 

Silverandblack

Junior Member

Mar 26, 2013

105

23

• Dec 30, 2016

• #10

staypositive said:

hi , mind to share which shortcode?

hi we bring back, thanks but this is not what i need, i need in a specific paragraph highlighted

Click to expand...

Glad to see you got it resolved. However, if you want to use shortcodes in the future check out the Shortcodes Ultimate plugin. It will let you create boxes with highlighting and you won't have to touch the CSS.

 

staypositive

Supreme Member

Jul 28, 2015

1,433

225

• Dec 31, 2016
• Thread Starter Thread Starter

• #11

many thanks sir!