Tagged: ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • October 1, 2015 at 12:28 pm #512094
    richardelectrix

    I have set up a page as follows:

    http://screencast.com/t/5Pc7oHDXS0HZ

    The breadcrumbs section is there so the breadcrumbs will display below the slider image (not currently configured).

    I would expect the icon list to be displayed level with the headline, but it is appearing below it.

    http://screencast.com/t/T9hO3SXK0

    Where is the big gap above the icon list coming from?

    October 1, 2015 at 5:19 pm #512286
    Yigit

    Hey richardelectrix!

    As far as i remember you have turn on custom CSS field for ALB elements already. Please edit your column element and give it a custom class and then add following code to Quick CSS 

    .your-custom-class { margin-top: 0; }

    Cheers!
    Yigit

    October 1, 2015 at 6:00 pm #512315
    richardelectrix

    Hi I have tried applying the same technique on the breadcumbs (within a text area), but it doesnt seem to have any effect.

    Do you know why?

    October 1, 2015 at 7:27 pm #512374
    Yigit

    Hey!

    Please change the code to following one 

    .your-custom-class { margin-top: 0!important; padding-top: 0!important; }

    Best regards,
    Yigit

    October 2, 2015 at 9:26 am #512637
    richardelectrix

    That seems to have fixed it on a desktop, however on a mobile everything is too close to each other now and there is an inconsistency with the gaps between icon lists …

    Tight gap between icon lists:

    Correct gap between icon lists:

    Tight gap between elements:

    October 2, 2015 at 9:30 am #512639
    richardelectrix

    Tight gap: http://screencast.com/t/7BzrcisF0
    Correct gap: http://screencast.com/t/z97sfT9I
    Tight gap between elements: http://screencast.com/t/uayTBaXxw

    October 3, 2015 at 9:18 pm #513215
    Andy

    Hey!

    use this code to control margin for separator line:

    @media only screen and (max-device-width: 736px) {
.hr.hr-custom.hr-center.hr-icon-no.avia-builder-el-13.el_after_av_iconlist.el_before_av_iconlist {
margin-bottom: 20px !important;
margin-top: -30px !important;
}}

    and this for the other separator line (on the other page):

    @media only screen and (max-device-width: 736px) {
.hr.hr-custom.hr-center.hr-icon-no.avia-builder-el-9.el_after_av_iconlist.el_before_av_iconlist {
margin-bottom: 20px !important;
margin-top: -30px !important;
}}

    The other things seem to be fine for me. Could you fix them?

    Regards,
    Andy

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