Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • December 7, 2013 at 2:12 pm #197290
    awilson3rd

    Hello,

    This relates to https://kriesi.at/support/topic/promo-box-and-short-separator-padding/

    Can someone let me know what the custom css is to reduce padding on hr lines (all of them)

    Thanks

    Andrew

    December 8, 2013 at 12:40 am #197485
    Josue

    Hey Andrew!

    Try adding this code to the Quick CSS:

    .hr {
    margin: 10px 0 !important;
}

    Cheers! 
    Josue

    December 8, 2013 at 10:23 am #197683
    awilson3rd

    Thanks Josue,

    Does this apply to all the styles? e.g short, long etc. Also, is it possible to create a custom css class for this as I would only want to apply this to a couple of . hr elements on a page? I know I can target an individual element in the custom css but with many pages a custom class would be easier.

    Thanks again,

    Andrew

    December 8, 2013 at 10:54 am #197686
    Ismael

    Hi!

    You can add a unique selector for each Avia Elements. Edit functions.php, find this code:

    if(isset($avia_config['use_child_theme_functions_only'])) return;

    Below, add this code:

    add_theme_support('avia_template_builder_custom_css');

    Edit any avia elements like Horizontal Rule then scroll below. Add a unique css selector on “Custom Css Class” field. For example, add “awesome-hr”.

    You can add something like this on your custom.css or Quick CSS:

    .awesome_hr {
/* Add your Styles here */
}

    Best regards,
    Ismael

    December 8, 2013 at 11:49 am #197696
    awilson3rd

    Great! Thanks for the detailed information Ismael.

    Andrew

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘HR padding’ is closed to new replies.