Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • March 31, 2016 at 7:10 pm #606132
    mcraig77

    Ahoy –

    So i opened two thread prior to this one and both had bugs so rathe reopen those I decided to just start fresh seeing things across browsers didn’t look right… The way I was doing it with the Custom Css Class Sections weren’t working correctly so I decided to try it another way which seems to be working better with only a few issues.

    This is my current site i’m working on: Link 1

    This is the section i’m having trouble with Screenshot 1 – This section are equal heigh columns with space between them. The problem is that there was no way to easily change the amount of space so I used this quick css to adjust the space

    div.av-flex-placeholder {
    width: 10px!important;
}

    This code work for Chrome and Safari but with firefox it does not adjust. I need to adjust for that as well…

    Also see how the pictures are formatted? Screenshot 2 – The picture for the “Lawyer Referral Section” (screenshot 3) has more padding around the picture the the other 4 (Longshore and Harborworkers Compensation, Jones Act Personal Injury, Defense Base Act Compensation, Cruise Line Passenger Injury) I need the The picture padding for that to match and work on the requested browsers.

    please Advise

    April 1, 2016 at 7:03 am #606509
    Ismael

    Hey mcraig77!

    Thank you for using Enfold.

    I checked the site again on Firefox and I was able to reproduce the issue. I’m not sure why I missed it the first time. Please try this in the Quick CSS field:

    .avia-mozilla div .av_one_half {
    margin-left: 6%;
    width: 49.65%;
}

    Closed duplicate thread: https://kriesi.at/support/topic/make-this-section-same-width-as-top-4-boxes/

    Best regards,
    Ismael

    April 1, 2016 at 7:24 pm #606829
    mcraig77

    Hi Ismael –

    The browser looks good. How about formatting that picture to make it match the others with the spacing with the edge?

    I want this screenshot 1

    to match how these are screenshot 2

    April 4, 2016 at 4:55 am #607334
    Ismael

    Hey!

    I’m sorry but I’m not sure what you meant by that. What spacing? Maybe you can provide a screenshot with an arrow or something.

    Regards,
    Ismael

    April 4, 2016 at 5:35 am #607350
    mcraig77

    Here is a better screenshot.

    See the spacing with the picture Defense Base Act Compensation picture spacing to the edge?

    now see the Lawyer Referral spacing to the edge – there is double amount of space for that picture… How can the Lawyer Referral
    image match the spacing of the Defense Base Act Compensation picture

    April 5, 2016 at 11:27 am #608187
    Andy

    Hey!

    turn on custom class: kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    Then use a code like this:

    .your-custom-code .avia-image-container-inner {
max-width: 846px !important
width: 846px !important
margin-left: -10px;
margin-top: 10px;
}

    and adjust as needed.

    If it doesn’t work for you then send us admin access here as private reply.

    Cheers!
    Andy

    April 5, 2016 at 11:39 pm #608566
    mcraig77

    Hi Andy –

    Not sure which element I should add the custom class name to… the column or picture?

    April 6, 2016 at 10:19 am #608784
    Andy

    Hey!

    why not try both simply? I think column should work, if not try the picture. Let us know when you are ready.

    Regards,
    Andy

    April 6, 2016 at 5:51 pm #609085
    mcraig77

    Ahoy –

    I tried both, but neither worked… The custom class is custom-padding

    please advise

    April 7, 2016 at 12:46 pm #609542
    Andy

    Hi!

    it’s working for me when I use this code:

    .custom-padding .avia-image-container-inner {
max-width: 846px !important
width: 846px !important
margin-left: -10px;
margin-top: 10px;
}

    Adjust the values as needed.

    Regards,
    Andy

    April 7, 2016 at 8:32 pm #609852
    mcraig77

    Hi,

    Im playing with the margins but nothing is happening…

    Please Advise

    .custom-padding .avia-image-container-inner {
max-width: 846px !important
width: 846px !important
margin-left: -100px;
margin-top: -30px;
}
    April 11, 2016 at 8:59 am #611047
    Andy

    Hi!

    I checked the image in question and it looks good to me now:

    View post on imgur.com

    Can you confirm please?

    Don’t forget to clear browser cache and hard refresh a few times, if you don’t see any changes.

    Regards,
    Andy

    April 13, 2016 at 8:04 am #612478
    mcraig77

    Sorry we are good. Thanks!

    April 13, 2016 at 8:13 am #612484
    Vinay

    Hey!

    Great! this is working for you now. We will go ahead and close this ticket.

    FYI we have put together some useful info about enfold theme please feel free to check it out here – http://kriesi.at/documentation/enfold/

    Best regards,
    Vinay

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Trouble with spacing of elements’ is closed to new replies.