Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • March 30, 2015 at 11:05 am #420326
    ppi37

    Hi,
    I have a color section (with a fullscreen background image).

    How can I reduce the bottom and top space between elements inside this color section ?
    I want to have no space between a few images.
    Thanks

    March 30, 2015 at 12:03 pm #420347
    Günter

    Hi ppi37!

    Thank you for using our theme.

    Can you give us a link to this page please? Then we can give you the correct CSS. You can post it here as a private reply.

    Regards,
    Günter

    March 30, 2015 at 12:07 pm #420348
    ppi37
    This reply has been marked as private.
    March 30, 2015 at 1:49 pm #420396
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .page-id-104 #av_section_1 .avia-image-container.avia-align-left {
  margin-top: 0!important;
}

    Best regards,
    Yigit

    March 30, 2015 at 9:14 pm #420826
    ppi37

    Hi Yigit,
    Thanks it is ok.

    But one more customization please.
    How can I reduce the margin-top of all the content in the color section ?
    Because of this, the content inside the color section exceeds height

    thanks a lot

    March 30, 2015 at 9:20 pm #420830
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    .page-id-104 #av_section_1 .content { padding-top: 0; }

    Regards,
    Yigit

    March 30, 2015 at 10:08 pm #420857
    ppi37

    Hi Yigit,
    Thanks, that’s what I wanted.

    The display on a computer screen corresponds to what I want.
    But on a smarphone (iphone 6+), this is not good (with a fullscreen background image in a color section with content)

    But that’s another problem …
    I will now look for a solution for this problem.

    Thank you again

    March 31, 2015 at 6:44 pm #421452
    Yigit

    Hi!

    You can change the code to following one to apply only on desktops

    @media only screen and (min-width: 768px) {
.page-id-104 #av_section_1 .content { padding-top: 0; }}

    Cheers!
    Yigit

    March 31, 2015 at 7:47 pm #421504
    ppi37
    This reply has been marked as private.
    March 31, 2015 at 7:53 pm #421511
    Yigit

    Hey!

    Please add following code to Quick CSS and adjust as needed

    .html_header_transparency #top .avia-builder-el-0 .container, .html_header_transparency #top .avia-builder-el-0 .slideshow_inner_caption {
  padding-top: 50px;
}

    Best regards,
    Yigit

    April 1, 2015 at 11:06 am #421823
    ppi37

    Hi Yigit,
    Thanks.
    It’s OK with this QUICK CSS

    .page-id-104 #av_section_1 .avia-image-container.avia-align-left {
    margin-top: 0!important;
    }
    .html_header_transparency #top .avia-builder-el-0 .container, .html_header_transparency #top .avia-builder-el-0 .slideshow_inner_caption {
    padding-top: 50px;
    }

    I have to reply the first line to all the pages.
    It is possible to have a CSS for all pages ?
    or do I have to reply with page ID ?

    Thanks

    April 1, 2015 at 2:21 pm #421899
    Yigit

    Hey!

    Can you please post links to your example pages so we can provide you an accurate code? You can give you color section elements a unique ID – http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png
    and change the code to following one

    #your-custom-id .avia-image-container.avia-align-left {
margin-top: 0!important;
}

    Cheers!
    Yigit

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