Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • April 20, 2018 at 7:09 pm #944727
    beste_medien_werbe_agentur

    Hello,

    i put a seperator with 100% width and 0px margin or padding (“abstand” in german).

    But well. i get still padding or margin and its not 100% fullwitdth.

    i put 2 exampales in my Website link.

    Idea for the future, because i see, extrem many people have problems with seperator: Kriesi should implement a spezial seperator – fullcustimizeable and not affected like the normal one … if its possible, maybe its technicly not possible :).

    April 21, 2018 at 8:10 am #944835
    Rikard

    Hey beste_medien_werbe_agentur,

    I’m not sure I understand exactly what you are looking to achieve, do you want the separator to span 100% of the browser window?

    Best regards,
    Rikard

    April 21, 2018 at 8:57 am #944849
    beste_medien_werbe_agentur

    like in the picutre i post, you will see: whats wrong top and how it should looks like bottom

    April 21, 2018 at 11:32 am #944882
    Nikko

    Hi,

    Thanks for providing the screenshot.
    Can you try adding this css code in Quick CSS (located in Enfold > General Styling):

    .responsive #top .fullsize .container {
    max-width: 100%;
    width: 100%;
    padding: 0;
}

    Hope this helps :)

    Best regards,
    Nikko

    April 23, 2018 at 8:04 am #945284
    beste_medien_werbe_agentur

    Hi Nikko,

    1. it helps a little bit, but, all other Items on all other sites, now outsided. I need only the seperator.

    2. And the padding problem is still there (top / bottom)

    check private content :)

    April 24, 2018 at 3:34 am #945642
    Nikko

    Hi beste_medien_werbe_agentur,

    Seems that making it fullwidth makes it complicated other pages of the site.
    Would it be okay if this is only applied on the homepage and not on other pages?

    Best regards,
    Nikko

    April 24, 2018 at 8:29 am #945731
    beste_medien_werbe_agentur

    Hi Nikko,
    no, because the top 9 Points on top are broken too. so i need only for the seprators not the hole container :–).
    But thanks for your ideas.

    And the second problem is more importand ;)

    Best regards,
    bmwa

    April 25, 2018 at 7:51 am #946425
    Nikko

    Hi bmwa,

    Can you try to use a Grid Row then remove the 2nd column, so it’s just a single row now then put the separator inside it.
    That should make the separator fullwidth.
    Let us know if this helps.

    Best regards,
    Nikko

    April 25, 2018 at 11:56 am #946532
    beste_medien_werbe_agentur

    Much Better, maybe enough. Nice HACK :–)

    i uploaded the result, i think you will see what is now. and you can check everytime the site itself : ).

    April 26, 2018 at 2:32 am #947002
    Nikko

    Hi beste_medien_werbe_agentur,

    Grid Row comes in quite handy :)
    Glad that we could help! Let us know if you need further assistance.

    Best regards,
    Nikko

    April 26, 2018 at 9:33 am #947138
    beste_medien_werbe_agentur

    Hi Nikko,

    well, it would be nice if the padding or margin would be gone, you see it in my last screenshot.

    And like many other people want, as a feature: Seperator wich is working without hacks , like: i put it in with 0padding/margin, so it has 0 padding / margin. That feature would be great :D.
    And Fullwidth 100% = width 100% and not Container width 100%

    :)

    Best regards,
    bmwa

    April 28, 2018 at 3:33 pm #948374
    Victoria

    Hi bmwa,

    Is your issue resolved or do you need more help?

    You can request that feature here.

    Best regards,
    Victoria

    April 28, 2018 at 4:11 pm #948393
    beste_medien_werbe_agentur

    Hi Victoria,

    “well, it would be nice if the padding or margin would be gone, you see it in my last screenshot.”
    so no its not resolved, would be nice if ;)

    April 30, 2018 at 7:17 am #948811
    Nikko

    Hi bmwa,

    I think you can enable Custom CSS Class: https://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
    then add a class name to the Grid Row, and go to Enfold > General Styling > Quick CSS then add this css code:

    .my-class-name {
  margin: 0 !important;
  padding: 0 !important;
}

    just replace my-class-name with the class name you used (don’t remove the dot).
    Hope this helps.

    Best regards,
    Nikko

    May 3, 2018 at 3:03 pm #950818
    beste_medien_werbe_agentur

    Thanks,
    i use it for Border-bottom @Grid Row ;)

    so for me it solved. Thanks again!

    May 3, 2018 at 5:35 pm #950966
    Nikko

    Hi beste_medien_werbe_agentur,

    Glad that we could help :)
    Feel free to comeback if you need further assistance.
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘Seperator – padding and 100%’ is closed to new replies.