Tagged: ,

Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • March 23, 2018 at 7:37 am #931796
    ninabmiller

    Hello,

    I’m trying to insert a separation between sections (I used color sections, please advise if something else would be better), and for the life of me I can’t create separation between them that I can control. I’d like maybe 30 pixels between sections. When I insert a separator/whitespace section, it becomes much too thick, no matter what I try. (See between Glasses Wine Bar and Borelli Architecture).

    I tried inserting a text box with no text, a 1/1 section, but they all seem to have huge outside padding (or something). Please help! It’s extremely frustrating.

    I’d also like to have the color sections only as wide as the slider on top, but can’t control width (it does work with a separator, when I use a line). What are my options?

    Thanks,
    Nina

    March 24, 2018 at 7:02 am #932222
    Victoria

    Hey ninabmiller,

    It is not very clear to me on this page, which element you need help with. Please remove the empty separators, we can help you just add some margins to sections.

    Could you please attach a mockup of what you’re trying to achieve?

    Best regards,
    Victoria

    March 25, 2018 at 1:38 am #932531
    ninabmiller

    Hello Victoria,

    thank you for your response.

    I want to be able to set a distance between color sections. When I insert a Separator/Whitespace content element, it becomes much too wide. I’d like about 30 pixels in between, but the exact number isn’t as important as the ability to control the distance between items, the vertical separation.

    Color section
    30 pixels separation
    Color section
    30 pixels separation
    Color section

    Is what I’m looking for. I’d make a mock-up and attach it, but don’t see the option to attach a file.

    The Whitespace section does NOT allow me to adjust its size. It’s just fat.

    Your idea of setting margins could maybe work?

    Thanks,
    Nina

    March 25, 2018 at 4:22 pm #932625
    Vinay

    Hi,

    Please select No padding in the color section and add the whitespace element between each colorsection or inside the colorsection at the bottom to give it a specific width :)

    Best regards,
    Vinay

    March 26, 2018 at 5:49 pm #933123
    ninabmiller

    Hello,

    thank you for your response.

    Nope, that’s not working. As I expected, padding refers to the inside of the section, making contents stuck to the top and bottom now (without padding), and the whitespace between color sections still can’t be controlled in height. It’s as fat as ever, though I set it to 30 pixels.

    It shouldn’t be so hard so control vertical spacing?

    Thanks,
    Nina

    March 27, 2018 at 1:07 am #933273
    Vinay

    Hi,

    Please upload a screenshot/mockup of the end result you are looking for to imgur.com and share the link here so we can help you better :)

    Best regards,
    Vinay

    March 27, 2018 at 9:53 am #933514
    ninabmiller

    Here you go:

    Enfold vertical spacing problem

    Thanks,
    Nina

    March 27, 2018 at 10:18 am #933537
    Vinay

    Hi,

    Thank you for the clarification, Please use the below settings.

    If you still have any issue please post the admin login details in private content area so we can take a look at the backend.

    Best regards,
    Vinay

    March 27, 2018 at 5:12 pm #933751
    ninabmiller

    Still the same. Doesn’t change in height no matter what.

    I also have problems with a line showing up at the bottom of color sections. It would be nice to have the option to choose to have one (such as at the top), but I don’t see the option, yet have a line.

    March 27, 2018 at 5:13 pm #933752
    ninabmiller

    It’s the Members page.

    March 28, 2018 at 12:25 am #933950
    Vinay

    Hi,

    Your site is not built using Enfold theme, unfortunately, we cannot help you with this issue. Please contact the theme author only they can support their theme better.

    Best regards,
    Vinay

    March 28, 2018 at 12:37 am #933956
    ninabmiller

    Correct – I just switched about 10 minutes ago.

    March 28, 2018 at 12:07 pm #934185
    Vinay

    Hi,

    I still see a different theme active on your site.
    Please activate enfold theme and let us know so we can help you with the issue :)

    Best regards,
    Vinay

    March 28, 2018 at 12:36 pm #934220
    Guenni007

    Edit: hm now we have to support other themes – seems to me to be a proof of quality for Enfold.


    if it wasn’t avada it will go this way:
    the thing is that content gets a padding-top / padding-bottom of 50px !

    so if you insert your hr element give it a custom class f.e. nopadding

    and do this to functions.php of your child-theme:

    function padding_to_parent_of_hr_nopadding(){
?>
<script>
(function($){
	$('div.hr.nopadding').closest('.content').css({"padding": "10px 0", "min-height": "0px"  });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'padding_to_parent_of_hr_nopadding');

    what does the code do – it looks for a hr with the class nopadding – if it finds some – it will search for the nearest parent element with class content and defines the padding for it.
    this is something which could not be done by css – because we have to select the parent of a dif with class.

    March 28, 2018 at 12:47 pm #934233
    Vinay

    Hi,


    @Guenni007     Thanks for sharing the tip :)

    Let us know if this solution works for you.

    Best regards,
    Vinay

    March 28, 2018 at 7:29 pm #934456
    ninabmiller

    Thanks, guys. I will stick with Avada now and not go back to Enfold.

    March 28, 2018 at 10:16 pm #934572
    Basilis

    Hi,

    Thank you for your update.

    Best regards,
    Basilis

  • Author
    Posts
Viewing 17 posts - 1 through 17 (of 17 total)
  • The topic ‘Separation/whitespace between sections’ is closed to new replies.