Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • January 4, 2014 at 11:11 pm #205439
    robert-s

    I’d like to reduce the margin and the padding for the notification boxes. I tried the following:

    .avia_message_box {
    margin: 10px 0;
    padding: 10px;
    }

    which works very well to reduce the margin for all notification boxes, however fails to reduce the padding from 17 to 10 as well (is “overwritten” by a padding from shortcodes.css / line 597)

    How can I reduce the padding for the notification boxes? In case I’d like to reduce the padding for a single notification box on a specific page, how would I reference to that box?

    Thanks,
    Rob

    P.S. Just ‘started’ with Enfold – seems to be a great theme, the kind of theme I was always looking for…

    January 5, 2014 at 12:03 am #205449
    Richard Olpin

    Try using the !important tag on each line, i.e.

    .avia_message_box {
margin: 10px 0 !important;
padding: 10px !important;
}

    That will prevent any later selectors overwriting it.

    January 5, 2014 at 1:34 am #205456
    robert-s

    Thanks for the quick reply, Richard! Very much appreciated!

    January 5, 2014 at 1:45 am #205458
    Yigit

    Hey!


    @richardolpin     thanks :)

    Regards,
    Yigit

    January 5, 2014 at 2:06 am #205469
    Richard Olpin

    You’re welcome. Always happy to help if I spot a simple one whilst browsing :-)

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Notification Box – Padding’ is closed to new replies.