Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 29, 2014 at 8:48 pm #257869
    richardruddle

    How can I increase the spacing above the Avia Layout Builder icon box? I am using the one with the centered icon and it butts right up against the layout box above it.

    Also, is there any kind of list of css adjustments to other Avia elements? Many times I am finding the need to tweak spacing above or below a Avia element. Any help would be greatly appreciated!

    Thanks for your support.

    April 30, 2014 at 3:16 am #258082
    Ismael

    Hey richardruddle!

    Thank you for using the theme!

    You can add this on Quick CSS or custom.css to adjust the top margin of the icon box:

    #top .iconbox_top {
margin-top: 50px;
}

    It is possible to add a unique css selector for any avia elements. You need to enable the custom_css support. Edit functions.php, find this code on line 16:

    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 the IMAGE element then scroll below. Add a unique css selector on “Custom Css Class” field. For example, add “awesome-image”.

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

    .avia_image.awesome-image {
width: 210px;
}

    Regards,
    Ismael

    April 30, 2014 at 4:40 am #258101
    richardruddle

    Ismael,

    Thank you for the quick reply. I will give this a try.

    Richard

    April 30, 2014 at 3:42 pm #258296
    Ismael

    Hey!

    No problem. Let us know if it works.

    Cheers!
    Ismael

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