Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 4, 2018 at 12:40 am #920924
    bonbuttercup

    Home

    Scroll down to bottom. New & Used Inventory is in a color box. Financing or Start Application is in a separate color box (needed to be able to link to each section from the navigation).

    Too much space between the last row of boats and the blue box for Start Application. Is it as simple as padding=”0″ and if so, what is the class?

    Thanks.

    March 4, 2018 at 2:27 pm #921038
    Vinay

    Hey bonbuttercup,

    To links different section on the same page please use a full-width menu element on top of the page.

    1. Create the color sections you need using the “Color Section” element (Which you already have).

    2. Give each section a unique ID in the developer ID field.

    3. Open the menu options and link the menu items to each of the section ID’s.

    Wrong URL format:
    http://domain-name.dk/page/#section-1
    /contact-us/#section-1

    Whenever linking a section on the same page please use only the anchor ID in the menu URL option.
    Correct URL format: #section-1

    _____________________________________________

    To adjust the padding of the color section please check the “Section Padding” options in color section. If not please give the color section a unique ID and use that to target the color section.

    Example:

    #section-1 {
padding-bottom:0px!important;
}

    Best regards,
    Vinay

    March 5, 2018 at 10:36 pm #921875
    bonbuttercup

    Fixed the hyperlink issue (I knew that but apparently lost my mind for a small period of time). I added the code as follows:

    Custom Links are now #inventory and #financing. Both color boxes are named as inventory and financing.

    I then used your code above with the correct css name but nothing changed:
    #inventory {
    padding-bottom: 0px !important; }

    And then I decided to try:
    #financing {
    padding-top: 0px !important; }

    But the spacing still isn’t changing. Please advise.

    March 6, 2018 at 6:57 am #922073
    Rikard

    Hi,

    Thanks for the feedback. Please try this instead:

    #inventory .content {
  padding-bottom:0 !important;
}

    Best regards,
    Rikard

    March 6, 2018 at 11:03 pm #922544
    bonbuttercup

    Perfect, thank you.

    March 7, 2018 at 12:35 am #922614
    Jordan Shannon

    Hi,

    I’m glad Rikard’s solution was able to help you. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Custom (adjusting) padding for color sections’ is closed to new replies.