Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • September 29, 2014 at 10:35 pm #326842
    Raymmar

    Hello,

    Thanks in advance, you guys always save my ass. Quick question. I am trying to add a simple navigation element under the main nav of my home page and I would like this element to not take us so much room but the color section is adding a lot of padding to the bottom of the section by default.

    Raymmar.com

    I would essentially like to be able to have this little div take up just as much room as needed to display the text with a couple pixels of padding on both top and bottom.

    Any idea how best to pull this off with the theme?

    September 29, 2014 at 11:03 pm #326853
    Raymmar

    I think I may have come up with a solution but I am not sure if it will affect the other color elements on the website.

    I changed the min-height from 100px to 100% for the color section. Here is the code I put in the easy CSS 

    .avia-section {
min-height: 100%; !important;
}
    September 29, 2014 at 11:10 pm #326858
    Raymmar

    That seemed to work. Let me know if you think of a better way to accomplish the same thing, otherwise no need to respond.

    Thanks,

    September 30, 2014 at 1:08 pm #327161
    Yigit

    Hey!

    You can give your Color Section element an unique ID ( http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png ) and then use following code not to affect other elements

    #your-custom-id { min-height: 50px !important; height: 50px !important; }

    I could not see the navigation on your homepage, so cannot provide more accurate code :/

    Best regards,
    Yigit

    July 24, 2015 at 5:50 am #478048
    Owen

    I am running in to the same issue. I have read other threads on this issue and have tried everything presented to resolve it.

    I am fairly new to WorPress and Enfold, but am making great headway.
    My site (http://www.ojoexperts.com/) has a quote just below the slider “Quality Office Resources at Exceptional Prices”
    I want that to have very little padding above and below the quotes (I want the blue bar to be very thin, just slightly larger than the text).

    I am using a ColorSection and a TextBlock (I avoided a SpecialHeading since an H may add padding above or below).
    I have tried several suggestions in the Quick CSS section and none have worked.

    I currently have given the ColorSection the unique ID of “MainTagline” and added the following to the QuickCSS:
    #MainTagline { min-height: 5px !important; height: 5px !important; }

    I also had terrible problems getting the ColorSection to go below 100px (seems other threads have had this problem), I finally edited the shortcodes.css and change the line to “min-height:0px;” (it was 100px).
    I know this isn’t the recommended way, but nothing I did in the Quick CSS seemed to work.

    Any suggestions on these issues?
    Thanks,
    -Owen

    July 24, 2015 at 6:33 am #478051
    Owen

    I had been fighting this all day and accidentally stumbled across my own answer.

    My incorrect assumption was that a SpecialHeading would possibly add padding because of the HTML <Hx> element was wrong.

    I created a new ColorSection, set NoMinimumHeight, NoPadding, etc. Added a SpecialHeading element with PaddingBottom:0 and all the background color is only a hair taller than the text itself.

    Problem solved and no special CSS required….althouh I still have “min-height:0px;” in the shortcodes.css file.

    -Owen

    July 24, 2015 at 8:10 am #478065
    Basilis

    Hey!

    Please do open a ticket for your self, as it will be easier for us to handle it.

    Thanks a lot for your time and patience.

    Best regards,
    Basilis

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Reducing padding on the bottom of a color section to add custom menu’ is closed to new replies.