• Closed
  • Sue Young
    Spectator
    August 23, 2016 at 8:55 pm #29946

    Please, once again, check out the home page at http://www.shimmyshack.com

    1. The spacing on this page is really buggered. In a previous version of the page, you helped me adjust it because the content boxes were starting at the top and overlapping the nav bar. I have now added the parallax slider you helped with last night. I added the following Custom CSS to move the slider down on the pages because, as with the content boxes, it also starts at the top of the nav bar.

    #da-slider.da-slider {
    position: relative;
    top: 80px;
    }

    This is such strange behavior because now if you change the background of the slider, the color changes from the top of the nav bar to only part way down the slider. So the color selection of the slider is not moved down by this CSS.

    If you highlight the content boxes with Firebug, you will see the content boxes are also overlapping the slider.

    Is there anyway to clean this up so the header, then the nav bar, then the slider, then the content boxes, then the rest of the front page and the footer are placed in that order without overlap and are on the page correctly? I have no idea what is going on here. Not only would that be correct but then I would like to believe I could change the color of the slider and not have to keep it the same as the background.

    2. Also can you please help me close up the spacing under the front page content boxes on my home page? I want to move the “Want to bring a little shimmy…” closer to the bottom of the content boxes.www.shimmyshack.com.

    3. I have added horiz lines at the top and bottoms of the content boxes. These appear correctly in Safari, but not in Firefox – but they are the same lines that are used on the menu page where they appear correctly in both browsers.

    As always, Thanks.

    I have been struggling with this for way to long.

    Sue

    EDIT: Just to test this out, I created a new home page and removed the custom CSS. The slider and basic home page set up displayed correctly, but once I made it the static front page which added the content boxes, everything went to the same incorrect positions as is on the current home page. It is as if the static home page with content boxes cannot have a nav bar.

    Sue Young
    Spectator
    Posts: 96
    August 23, 2016 at 9:36 pm #29947

    And a little more testing finds that if the horz line code is added to the page code it does appear in Firefox. You can see this – there is a now a line above “Want to bring a little…” which is added in the page code. There are supposed to be lines on the top of each of the content boxes – they appear in Safari but not Firefox. The front page contents boxes are “blocking” them from displaying it seems.

    Sue

    Denzel Chia
    Moderator
    Posts: 2656
    August 24, 2016 at 2:03 am #29953

    Hi,

    I don’t see any content boxes on your front page now.
    if you are using a static homepage, you can disable it and use content boxes shortcode.

    This is such strange behavior because now if you change the background of the slider, the color changes from the top of the nav bar to only part way down the slider. So the color selection of the slider is not moved down by this CSS.

    Add .da-slider to the css code. For example.

    .sliderblock, .da-slider {
    background: #000 none repeat scroll 0 0 !important;
    }

    Thank you

    Sue Young
    Spectator
    Posts: 96
    August 24, 2016 at 2:22 am #29957

    There are content boxes under the slider – not sure why you can’t see them. There are three of them and include the photo column, the “We promise…” column and the, “Follow us” column.

    I added the code you gave and left the background color as you stated as black. Please look again and you will see that the black is not only under the slider but under the nag bar making the nav bar grayish. Also the artwork (which right now are jogs with a pink background, overlap the nav bar. I need the slider to be totally below the nav bar including it’s background color and the pieces of artwork. Once you see the content boxes, can you also help on the other questions?

    {if you are using a static homepage, you can disable it and use content boxes shortcode.}

    I am not sure what you mean – how would I then make this page the home page.

    Sue

    Denzel Chia
    Moderator
    Posts: 2656
    August 24, 2016 at 6:14 am #29961

    Hi,

    There are content boxes under the slider – not sure why you can’t see them. There are three of them and include the photo column, the “We promise…” column and the, “Follow us” column.

    Yes, you are right, they are there. But modified “beyond recognition”.. Don’t get me wrong, it’s very nicely designed, just that I cannot recognize it.

    Please use the following to move down your slider.

    .home .menu-back {
    position: relative;
    top: 86px !important;
    }

    The following to move up your content.

    .home .entry-content {
    position: relative;
    top: -120px !important;
    }

    Thank you