Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • April 27, 2016 at 2:37 pm #623096
    infoNewMultimedia

    Thank you for this wonderful theme!!

    My situation: I’ve got two color section blocks. Let’s call them for now: “blog items” & “five columns”. The first one shows four blog items, and the other shows five flex columns. For tablet size the responsive settings are great for the “blog items” section and horrible for the ‘five columns’ section.

    I want to change CSS responsive settings only for “five columns” color section of a page. So I do not want this CSS applied to the whole page or in my case the “blog items”. These default responsive settings are fine. So good that I want to keep them as default.

    I can’t get it done for one color section. In the specific color section block I added the developer section ID: #my-section-ID.
    If I use the following code, it still applies to the whole page:

    .page-id-4 #my-section-ID .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin {
    /* code */
    }

    (My situation is similar like https://kriesi.at/support/topic/need-help-enfold-columns-making-them-responsive-flex_column-av_one_fifth/#post-554038 & https://kriesi.at/support/topic/color-section-id/#post-25662. But I can’t get it done.)

    Thanks.

    April 30, 2016 at 7:40 am #624873
    Ismael

    Hey infoNewMultimedia,

    Thank you for using Enfold.

    The following css code in the Quick CSS field breaks the responsive nature of the columns:

    @media only screen and (max-width: 1125px) and (min-width: 768px) {
.page-id-4 #ikwil .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin {
    width: 25%;
    float: left;
    margin: 30;
}
}

    Please remove it. This article will help you understand the basics of css: http://kriesi.at/archives/wordpress-developers-your-complete-guide-to-conquering-css-in-2016

    Best regards,
    Ismael

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