11 {{ upvoteCount | shortNum }}
11 {{ upvoteCount | shortNum }}

How do you put padding around a block of text in Wordpress/OptimizePress?

by OliviaHoang
7 replies
  • WEB DESIGN
    • |
Hi all!

I am tweaking my webpage right now, and I'm trying to put padding around the block of text that contains my bullet points. Do you know how I would do this?

I'm using Wordpress/Optimizepress.

Thanks!


Cheers,
Olivia
#block #padding #put #text
  • Profile picture of the author Absolute Logo
    Check this out.. Lots of stuff you can learn here CSS Padding
    Signature
    Absolute Logo Perfect for your small business!
    {{ DiscussionBoard.errors[5419388].message }}
  • Profile picture of the author KyleGolemMedia
    1. Use a browser with a web inspector (Firefox = Firebug Plugin, Chrome = right-click "inspect source")
    2. Find the .css that's being called to for that block of text.
    3. Add padding to said .css.
    4. Do a dance

    syntax example:

    .block {
    width: auto;
    height: 100px;
    padding: 0 5px 5px 0;
    }


    Kyle
    Signature
    Need Help Growing Your Audience?
    Let an experienced Marketer help! PM me with project details.
    Google AdWords, Bing Ads, Facebook Ads, Twitter Ads, etc.
    {{ DiscussionBoard.errors[5419535].message }}
    • Profile picture of the author OliviaHoang
      Originally Posted by KyleGolemMedia View Post

      1. Use a browser with a web inspector (Firefox = Firebug Plugin, Chrome = right-click "inspect source")
      2. Find the .css that's being called to for that block of text.
      3. Add padding to said .css.
      4. Do a dance

      syntax example:

      .block {
      width: auto;
      height: 100px;
      padding: 0 5px 5px 0;
      }


      Kyle
      The CSS file set the margin and padding for the entire body of text. How do I separate only a certain block and pad it?
      Signature
      {{ DiscussionBoard.errors[5421884].message }}
      • Profile picture of the author BriteRise
        what ever you want to separate you must wrap with a separate class or id

        exmaple <div class="special">content</div> then take that class and style it using css

        .special {css stuff here}

        Plus you don't have to use divs you can use any html tag like <p> or <span> just remember to always close it where the styling should end.
        {{ DiscussionBoard.errors[5422126].message }}
  • Profile picture of the author Istvan Horvath
    block of text that contains my bullet points
    In normal circumstances that should be a LIST - so you edit the style of that specific list...
    Signature

    {{ DiscussionBoard.errors[5419732].message }}
  • Profile picture of the author frenchsquared
    you do not have to seperate it. You can target stuff like
    ul li+li to target the second li in a list.

    If you sent a sample of the code I could tell you how to target whatever it is.
    {{ DiscussionBoard.errors[5422598].message }}
    • Profile picture of the author OliviaHoang
      Originally Posted by frenchsquared View Post

      you do not have to seperate it. You can target stuff like
      ul li+li to target the second li in a list.

      If you sent a sample of the code I could tell you how to target whatever it is.
      Thanks for your offer! I finally figured out a way to do it within the OptimizePress UI controls. It can get confusing with all the different CSS files in wordpress/optimizepress
      Signature
      {{ DiscussionBoard.errors[5425321].message }}

Trending Topics