Full width of a slider in the header

  • Resolved Thobie

    (@thobie)


    7 years, 7 months ago

    Hello,

    I have new installed the theme GeneratePress for my static WordPress blog.

    I have an issue on which you can perhaps help me.

    I want the slider that is installed as a widget in the header
    goes over the total width of the site or the container.

    And then the web information for the site above the slider.

    I wish a good day.

    Regards

    Thobie

    • This topic was modified 7 years, 7 months ago by Thobie.

    The page I need help with: [log in to see the link]

Viewing 15 replies - 1 through 15 (of 19 total)
  • Theme Author Tom

    (@edge22)

    Hi there,

    Give this CSS a try:

    .header-widget {
    max-width: 100%;
    float: none;
}

    Let me know ??

    Thread Starter Thobie

    (@thobie)

    Hello, Tom,

    that works.

    The header has no full width of the site but it is inside the container.

    For a better look of the header I need now an empty line above the web information that means the titel of the website.

    I wish you a nice day.

    Regards.

    Thobie

    Theme Author Tom

    (@edge22)

    You can make the header full width by changing the inner container in “Customize > Layout > Header”.

    Let me know if that does it or not ??

    Thread Starter Thobie

    (@thobie)

    Hello, Tom,

    I have tried the two options for the inner container in the customizer but both doesn’t work.

    I wish you a nice day.

    Regards

    Thobie

    Theme Author Tom

    (@edge22)

    It looks like it’s working to me? Or are you trying to remove the white-space from around the slider?

    Thread Starter Thobie

    (@thobie)

    Hello, Tom,

    yes.

    Regards

    Thobie

    Theme Author Tom

    (@edge22)

    Try this:

    .inside-header {
    padding: 0;
}

.header-widget {
    margin-bottom: 40px;
}
    Thread Starter Thobie

    (@thobie)

    Hello, Tom,

    great.

    Still two little issues:

    A little margin under the web informstion that means ?Medien-Schmiede …“.

    How can I erase the blue edge around the header container?

    Regards

    Thobie

    Theme Author Tom

    (@edge22)

    Instead of this:

    .header-widget {
    margin-bottom: 40px;
}

    Do this:

    .site-branding {
    padding: 40px;
}

    That blue border is added using custom CSS I believe:

    .site-header {
    border-top: 3px solid #1e73be;
    border-bottom: 3px solid #1e73be;
    border-left: 3px solid #1e73be;
    border-right: 3px solid #1e73be;
}
    Thread Starter Thobie

    (@thobie)

    Hello, Tom,

    thank you.

    The first works.

    The second doesn’t work.

    Regards

    Thobie

    Theme Author Tom

    (@edge22)

    The second one is CSS you’ve already added that needs to be removed in order for the blue border to go away.

    Thread Starter Thobie

    (@thobie)

    Hello, Tom,

    where or in which file do I delete this CSS?

    Regards

    Thobie

    Theme Author Tom

    (@edge22)

    I’m not sure – did you not add it?

    Maybe you’re using a CSS adding plugin like CSS Hero?

    Thread Starter Thobie

    (@thobie)

    Hello, Tom,

    I tried it with borders of 0px but it doesn’t work.

    Regards

    Thobie

    Theme Author Tom

    (@edge22)

    You’ll need to remove the source of it.

    No plugins like CSS Hero or Yellow Pencil?

    Have you tried deactivating other plugins to see if one of them is adding it?

Viewing 15 replies - 1 through 15 (of 19 total)
  • The topic ‘Full width of a slider in the header’ is closed to new replies.