Black Friday sale! Get up to 25% off GP Premium! Learn more ➝

[Resolved] Attention box – theme feature or plugin?

Home Forums Support [Resolved] Attention box – theme feature or plugin?

Home Forums Support Attention box – theme feature or plugin?

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
  • #374450

    Hi guys,

    I’m new to WP and to this theme. I found a site that is using your Theme and I am wondering if the in-text effect is a feature of your theme or some WP plugin – I would appreciate your help.

    Site is: and there is a yellow box with text starting: “Free: download my Barbell Row checklist Read more”

    Much thanks!

    Customer Support

    Hi there,

    That can be done with some HTML and CSS.

    So try this in the page content:

    <div class="yellow-box">
        content here

    With this CSS:

    .yellow-box {
        background: none repeat scroll 0 0 #ff9;
        clear: both;
        overflow: hidden;
        border: 1px solid #e5e597;
        margin-bottom: 25px;
        padding: 20px;

    Adding CSS:


    Thanks Leo! I installed Simple CSS and it worked!

    I have a follow-up question though – it seems that content inside the box has a bottom margin of 25px (possibly because the content inside is a <p> paragraph).

    1) Should I adjust <p> in main css file or via Simple CSS as overwriting?
    2) Is there an equivalent of Simple CSS that I could use for the main stylesheet?

    I have some CSS experience but I’m happy to get more

    Customer Support

    1) It has margin-bottom: 25px because it’s added in the CSS of .yellow-box above:

    You can just remove that line.

    2) Not sure what you mean? You don’t want to add anything to the theme’s stylesheet as it will get erased during updates.


    Thanks Leo!

    1) I was referring to the paragraph content inside the box. I said it was 25px, but now when I was checking it was 32.3. I attached a screenshot here I would like to eliminate that 32.3px space.

    2) You’re right πŸ™‚ I didn’t realize

    Customer Support

    Try this

    .yellow-box p {
        margin-bottom: 0;

    You’re a savior Leo! Thanks!

    Customer Support

    You’re welcome πŸ™‚

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.