1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

highlighting the wordpress blog area?

Discussion in 'Blogging' started by staypositive, Dec 24, 2016.

  1. staypositive

    staypositive Jr. VIP Jr. VIP

    Joined:
    Jul 28, 2015
    Messages:
    993
    Likes Received:
    134
    Occupation:
    Hiring content writer & VA for links building, PM
    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/
     

    Attached Files:

  2. Silverandblack

    Silverandblack Junior Member

    Joined:
    Mar 26, 2013
    Messages:
    104
    Likes Received:
    19
    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.
     
  3. We Bring Rank

    We Bring Rank Jr. VIP Jr. VIP

    Joined:
    Aug 21, 2016
    Messages:
    643
    Likes Received:
    69
    Gender:
    Male
    Occupation:
    Digital Marketing Analyst
    Home Page:
  4. staypositive

    staypositive Jr. VIP Jr. VIP

    Joined:
    Jul 28, 2015
    Messages:
    993
    Likes Received:
    134
    Occupation:
    Hiring content writer & VA for links building, PM
    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
     
  5. mynameisfrankenstein

    mynameisfrankenstein Regular Member

    Joined:
    Apr 2, 2015
    Messages:
    431
    Likes Received:
    346
    Gender:
    Male
    Location:
    BC, Canada
    <div style="background-color:#F7F7F7">content ...</div>
     
  6. blogzandstuff

    blogzandstuff Elite Member

    Joined:
    Jan 1, 2015
    Messages:
    6,422
    Likes Received:
    2,999
    Occupation:
    blog creator
    Location:
    UK
    that's no good on it's own
     
    • Thanks Thanks x 1
  7. blogzandstuff

    blogzandstuff Elite Member

    Joined:
    Jan 1, 2015
    Messages:
    6,422
    Likes Received:
    2,999
    Occupation:
    blog creator
    Location:
    UK
    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
     
    • Thanks Thanks x 1
  8. staypositive

    staypositive Jr. VIP Jr. VIP

    Joined:
    Jul 28, 2015
    Messages:
    993
    Likes Received:
    134
    Occupation:
    Hiring content writer & VA for links building, PM
    thanks so much all esp. blogzandstuff, it worked!!!!!!!!!!!!!!!
     
    • Thanks Thanks x 1
    Last edited: Dec 28, 2016
  9. blogzandstuff

    blogzandstuff Elite Member

    Joined:
    Jan 1, 2015
    Messages:
    6,422
    Likes Received:
    2,999
    Occupation:
    blog creator
    Location:
    UK
    Glad it helped Ya!
     
  10. Silverandblack

    Silverandblack Junior Member

    Joined:
    Mar 26, 2013
    Messages:
    104
    Likes Received:
    19
    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.
     
    • Thanks Thanks x 1
  11. staypositive

    staypositive Jr. VIP Jr. VIP

    Joined:
    Jul 28, 2015
    Messages:
    993
    Likes Received:
    134
    Occupation:
    Hiring content writer & VA for links building, PM