Tagged: 

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • April 8, 2017 at 8:16 pm #774670
    jbanobi

    Hello ,

    I would like to reduce the spacing between columns in one particular row on a page, so that the columns to not appear quite so narrow. I have seen a response to another inquiry about this in the forum, but can’t interpret the quick CSS well enough to apply it to my situation.

    I would appreciate you help. Thank you!

    April 9, 2017 at 12:00 am #774744
    Mike

    Hey jbanobi,
    Please add the url to the page in question so we can help.

    Best regards,
    Mike

    April 9, 2017 at 2:25 am #774765
    jbanobi

    Thank you for your reply. I’m sorry, but do you mean the URL I see when I am logged in as administrator? I haven’t done this before and am not clear how it works.

    April 9, 2017 at 12:40 pm #774913
    Vinay

    Hi,

    Not the link when you log in as admin. The general frontend link would be fine. Please post us a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)

    Best regards,
    Vinay

    April 12, 2017 at 4:26 am #776416
    jbanobi

    Hi,

    Our site is not public yet. Is it possible to explain without seeing the page? The row in question is just three columns, not in a color section. There is a black background in one of the columns and a picture background in the other two. The white space between these columns is 3/4 of an inch on my 15-inch screen. I would like to make it less if that is possible.

    Thanks very much.

    April 13, 2017 at 5:16 am #777008
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold->General Styling:

    div .av_one_third {
    margin-left: 3%;
}

    Adjust the value to your liking.

    Best regards,
    Rikard

    April 29, 2017 at 7:56 am #784896
    jbanobi

    Thank you for your reply, and sorry for my delayed response. The code you suggested works if I have the columns set to individual height, but if the columns are set to equal height, this code has no effect at all. Is there any way to make this work when columns are set to equal height?

    Thank you.

    April 30, 2017 at 5:59 pm #785332
    Victoria

    Hi jbanobi,

    Could you please give us a link to your website, it got lost somewhere, not seen in this thread.

    Best regards,
    Victoria

    May 2, 2017 at 1:42 am #786064
    jbanobi

    Hi Victoria,
    I never gave the link, because our site is not public yet, and I’m not able to share login information. Is it possible to answer this generically, without seeing the specific site? The code Rikard gave me worked. If I adjust the percentage, I can make the spacing between the columns smaller or larger. However, it only works if under the Row Settings tab I have the columns set to “individual height”. If I choose “Equal height” (which is what I want), then this code has no effect: The spacing between the columns remains the same as it was when I did not have this code in the CSS.
    Thank you!

    May 2, 2017 at 7:19 am #786176
    Rikard

    Hi,

    Thanks for the feedback. It’s difficult to help you if we can’t actually inspect the elements in question, but you can try this to add a minimum height to the container:

    div .av_one_third {
    margin-left: 3%;
    min-height:400px;
}

    Best regards,
    Rikard

    May 3, 2017 at 1:22 am #786816
    jbanobi

    Thank you for the response. I tried this modification, but it didn’t help. I also tried making the minimum height less and more that 400, but it didn’t work with any values I tried.

    I’m sorry about the site not being observable. I’ve just got three columns, all 1/3, with a text box in each one containing a very short text. The row settings are: equal height, vertical alignment “top”, and the “space between columns” options chosen. The code you provided doesn’t have any effect with these settings–the spacing between the columns remains large. But if I change the row setting to individual height, the code you sent has the desired effect. Are there any other details I can provide that would help in solving this?

    May 4, 2017 at 3:20 am #787515
    Ismael

    Hi,

    Have you tried adjusting the columns’ Layout > Inner Padding settings? You can disable the “Apply the same value to all?” option if you want to manually control the padding value.

    Best regards,
    Ismael

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