• Closed
  • Linda K Muterspaugh
    Spectator
    June 2, 2016 at 6:31 pm #28150

    Hi,

    This question may have been answered before. I did copy and paste the custom code provided in post #27458 into the Custom CSS box but that did not fix my problem.

    If you go to contentplusmarketing.com>About>The Geek and scroll to the bottom of the page you will see a content box with a red heading, “Now is the time to take your next step…”

    I’m not sure if you can see, but the content box has a pale yellow background. Unfortunately, the heading and text are aligned with the left edge of the yellow background, while the button at the bottom is aligned with the right side of the yellow background.

    Ideally, there should be at least 5 px (?? em??) between the left and right edge of the background and the content/button within the box.

    Is there a way to correct this, without affecting the front page content boxes?

    Thank you in advance….

    Linda Muterspaugh

    Denzel Chia
    Moderator
    Posts: 2656
    June 3, 2016 at 4:17 am #28159

    Hi,

    Please use the following in your Theme Options -> Custom CSS

    .page-id-1742 .content-boxes .content-container {
    padding: 10px 10px 10px 10px !important;
    }

    You can adjust your padding accordingly.
    The 10px 10px 10px 10px represents top, right, bottom, left padding.

    Thank you

    Linda K Muterspaugh
    Spectator
    Posts: 5
    June 6, 2016 at 4:13 am #28191

    Hi Denzel —

    The code you provided works for the page at contentplusmarketing.com > About > The Geek but it does not change the padding on any of the other pages that display that content box. (My bad, perhaps, but the content box in question appears on every page except home and Contact.)

    Can the code snippet be modified to refer to ANY page that displays that content box? Or do I need to specify a page ID for the other 16-17 pages that also display that content box? If so, how do I find the page IDs?

    Thanks in advance.

    Please excuse if this is a duplicate reply but I didn’t see the reply I posted earlier so I replied again.

    Linda Muterspaugh

    Denzel Chia
    Moderator
    Posts: 2656
    June 6, 2016 at 6:59 am #28193

    Hi,

    If you remove the .page-id-1742 it will target all pages, including your home and contact.
    No way to exclude.

    .content-boxes .content-container {
    padding: 10px 10px 10px 10px !important;
    }

    Thank you.

    Linda K Muterspaugh
    Spectator
    Posts: 5
    June 8, 2016 at 2:32 am #28249

    Hi Denzel,

    Thanks for the info.

    I found this code for creating a “Johnson box” in some notes.

    <h2>Type the Name Of Your Offer Here</h2>
    Type the benefit of taking your offer here

    Click here to access [OFFER]

    I removed the custom CSS and manually inserted the DIV code on contentplusmarketing.con > About > The Geek. The DIV code worked and even added a border.

    The only downside is I have to hand-enter the DIV code on each page (vs. adding it just once via custom CSS). But I don’t want to mess up the homepage content boxes, which look fine right now.

    Thanks for your help!!!

    Linda Muterspaugh

    Denzel Chia
    Moderator
    Posts: 2656
    June 8, 2016 at 2:34 am #28250

    You are welcome!
    Thank you for your feedback.