Tagged: 

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • November 9, 2016 at 11:35 pm #710480
    mleite1

    Hello, I use the color section to place the titles of the sessions on my site. Each of the color section I use a single 150px height. I have to do this in every color section I use for the titles. How can I control this height by custom css? I’ll give the same ID for those color sections.

    LINK
    (http://enpro.com.br/enproml03)

    November 10, 2016 at 3:33 am #710507
    Nikko

    Hey mleite1,

    You can add for this class custom-color-section to Custom Css Class, and add this code in Quick CSS:

    .custom-color-section {
    height: 150px !important;
}

    Just replace custom-color-section to any name you want. Hope this helps. :)

    Best regards,
    Nikko

    November 10, 2016 at 12:56 pm #710684
    mleite1

    Nikko, where do I put the ID name in this code?

    This code can not fit every color section. Only for some that has an ID name.

    November 10, 2016 at 1:09 pm #710690
    mleite1

    I added in the SECTION ID field the name: custom-color-section, and then I added the lower code in QUICK CSS.

    .custom-color-section {
         Height: 150px! Important;
    }

    Did not work.

    LINK

    CASA DO COMERCIO

    November 10, 2016 at 1:20 pm #710694
    Nikko

    Hi,

    What I mean was you use a class instead of id. Here is how to enable Custom Css Classes: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    I suggested using id since you may want to use it on multiple color sections of the same page, but if it’s only 1 color section per page then id can be used.

    If you want to use id, for example the one you have,altura

    , to make sure it's height won't be more than 150px, just add this css:

    #altura {
    max-height: 150px;
}
    

    Hope this helps.
    

    Best regards,
    
Nikko
    November 10, 2016 at 1:25 pm #710696
    mleite1

    Is this code for what I want?

    #Specialties {
       Height: 150! Important;
      
    }

    November 10, 2016 at 1:25 pm #710699
    mleite1

    Ok,

    I’ll try and return you

    November 10, 2016 at 1:30 pm #710700
    mleite1

    Nikko, put that code in CSS QUICK and it did not work.
    Is it just this code that I have to insert there? Because it does not work?

    #altura {
    max-height: 150px;
    }

    LINK
    (http://enpro.com.br/enproml03/casa-do-comercio-salvador/)

    November 10, 2016 at 1:41 pm #710704
    mleite1

    Look what I did. Tell me if it’s right now.

    Enabled the field function.php

    IMAGE
    Captura de tela 2016-11-10 08.38.36
    /

    Code I used
    #altura .custom-color-section {
         Max-height: 150px;
    }

    November 10, 2016 at 1:43 pm #710705
    mleite1

    Don’t work.

    November 10, 2016 at 8:19 pm #710882
    mleite1

    Nikko, can you still help me?

    November 11, 2016 at 11:25 am #711067
    Nikko

    Hi!

    Yes, we would still help you on that :) sorry we just had a lot of queries and it takes some time answering questions or trying to give solutions.
    I replaced the code I gave (since you didn’t use the Custom Height in Pixel in the Color Section settings), this code works even if you use the default settings on Color Section:

    .custom-color-section {
    display: flex;
    align-items: center;
    height: 150px;
    max-height: 150px;
}

    Check the link in the “private content”. I also edited the page and removed altura in Section ID, id should only be used once per page so instead of using #altura, I just added this class custom-color-section on other sections and the css worked well on those sections. If you need to use it other pages, just add custom-color-section in Custom Css Class. Hope this helps and thanks for your patience :)

    Best regards,
    Nikko

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