Tagged: 

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • January 4, 2018 at 12:22 am #892993
    leviticus

    I’m creating pages with a color section directly underneath the header using the demo page content provided by Enfold. With the enfold demo content pages, the color section and font size are correct. So, I created a layout template from that demo content and added it to a new page, but the image and text shrink in the color section. (Links in private content) I haven’t changed any of the options of the color row other than switch the background picture in the appropriate size.

    January 4, 2018 at 12:33 am #892999
    leviticus

    Added the wrong page links. Here’s the correct ones (private content)

    January 4, 2018 at 7:34 am #893144
    John Torvik

    Hi,

    Please, could you include your WP credentials?

    Best regards,
    John Torvik

    January 4, 2018 at 7:13 pm #893346
    leviticus

    Is this what you need?

    January 5, 2018 at 7:37 am #893582
    Rikard

    Hi,

    If you want to apply the same padding then you try to add a class to your header element within the Color Section, you can name it header-padding for instance, then add this to Quick CSS:

    .header-padding {
  padding-top:175px !important;
}

    Best regards,
    Rikard

    January 10, 2018 at 11:35 pm #895867
    leviticus

    .header-padding didn’t work. I tried 

    @media only screen and (min-width: 768px) {
    #av_section_1.avia-builder-el-first {
      padding-top:175px !important;
    }
}

    While this fixed the padding issues on the headers that shrunk, it also adds unnecessary padding to the ones that were working before (see link in private content)

    January 15, 2018 at 2:22 am #897297
    Ismael

    Hi,

    The selector (#av_section_1.avia-builder-el-first) is generated by the theme and it’s going to be applied on every first color section in the page, that’s why it’s affecting the other color sections. Did you add the “header-padding” on the Custom CSS field? I bet that you added it in the Section ID field instead. Please check it carefully.

    If you haven’t enabled the custom css class field yet. Here’s how: https://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    Best regards,
    Ismael

    January 18, 2018 at 7:08 pm #899252
    leviticus

    Ah, yes. Thanks, that works.
    Although it would be nice to know why it isn’t applying the formatting from the original, this work around will work.

    January 20, 2018 at 4:02 am #899955
    Ismael

    Hi,

    Glad it worked. Please let us know if you need anything else. :)

    Best regards,
    Ismael

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Color Section shrinking on custom built pages’ is closed to new replies.