Wallstreet theme page header size

  • Resolved sstacila

    (@sstacila)


    9 years, 2 months ago

    Wallstreet Theme page header height.
    I used this CSS to make the header heigh shorter
    .page-mycarousel {
    height: 250px !important;
    }

    .page-header-title {
    margin: 0 auto !important;
    padding: 15px 0 !important;
    }

    But now the other part of the header needs to move up with the image. The horizontal gray bar that has the white space above it and under the image. What CSS do I use to make that white space go away?

    https://www.healingeyes.org

Viewing 14 replies - 1 through 14 (of 14 total)

  • Hi sstacila,

    If you are talking about the logo and main menu, you can see that your logo has a margin-right:50px;

    So you can apply this:

    .navbar-brand {margin-right:0;}

    Let me know if it works!

    Thread Starter sstacila

    (@sstacila)

    I think the part i am talking about on my site isn’t that.
    I wish i could put a screenshot for you but i dont see an upload file to do that.

    if you look at
    https://healingeyes.org/support/

    and then see the horizontal gray bar with the words Home / Donate
    I need that part to not have the white space above it. I want it to shift up next to the page header photo. I don’t like how people have to scroll so far down to get to the website content.

    Oh I see.

    You can locate “.page-breadcrumbs” and change it′s margin top. Check this:

    .page-breadcrumbs {
    margin-top: 140px;
}

    Let me know if it works!

    Thread Starter sstacila

    (@sstacila)

    yes that worked

    curious is there a way to hide that .page-breadcrumbs completely?

    Yes, of course!

    Use this instead:

    .page-breadcrumbs {
    display:none;
}

    If you are going to hide it like this, maybe you want to reduce the margin between header and content. To do that use:

    .page-mycarousel {
     margin-bottom: 46px;
}

    Change the value margin-bottom and find one that you think is fine ??

    Thread Starter sstacila

    (@sstacila)

    thank you it worked.

    Do you by chance know how to make the circles not spin or animate in the Service settings?
    it’s the 3 circles you see when you scroll down on my homepage.
    https://www.healingeyes.org

    Hi,

    You can add this to your CSS:

    .service-box img {
    transition: none;
}

    Let me know if works!

    Thread Starter sstacila

    (@sstacila)

    it worked!
    thanks!

    Great!

    Please mark this topic as resolved ??

    Thread Starter sstacila

    (@sstacila)

    resolved

    Thread Starter sstacila

    (@sstacila)

    I forgot one thing.
    How do i get rid of the spinning on the About us Page with the info on Members of the team?

    what are those called to insert into this code?

    .service-box img {
    transition: none;
    }

    I think you figure it out on your own!
    Congrats ??

    Thread Starter sstacila

    (@sstacila)

    haha yea I literally just did by looking at the source page code and searching for Team ??

    thanks anyways

    That is what we all do ??

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘Wallstreet theme page header size’ is closed to new replies.