• Creator
    Topic
  • #28150

    Linda K Muterspaugh
    Participant
    Been thanked: 1 time

    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

Viewing 5 replies - 1 through 5 (of 5 total)
Replies
  • Denzel Chia
    Moderator
    Post count: 2858
    Been thanked: 91 times
    #28159 |

    Hi,

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

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

    Thank you

    Linda K Muterspaugh
    Participant
    Post count: 5
    Been thanked: 1 time
    #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
    Post count: 2858
    Been thanked: 91 times
    #28193 |

    Hi,

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

    Thank you.

    Linda K Muterspaugh
    Participant
    Post count: 5
    Been thanked: 1 time
    #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

    1 user thanked author for this post.
    Denzel Chia
    Moderator
    Post count: 2858
    Been thanked: 91 times
    #28250 |

    You are welcome!
    Thank you for your feedback.

Viewing 5 replies - 1 through 5 (of 5 total)
You must be logged in to reply to this topic.