Archived topic

Different Header Width for My Homepage

5 replies · Started by H on July 13, 2022

Viewing posts 1–6 of 6

July 13, 2022 at 5:13 am #2281425

Hi there,

How do I create a different width for my homepage header? I'm using a static page for my homepage with a width of 1300px. In the customizer, my container has a width of 1200px, and I'd like the header to be 1300px (not 1200px) wide on the homepage only.

I tried to create a different header with the element block, but I can't find anywhere to apply a width.

Thanks for your help.

July 13, 2022 at 5:50 am #2281455

Hi there,

can you share a link to your home page ?

July 13, 2022 at 6:31 am #2281489

I shared the link in the private box.

Thanks

July 13, 2022 at 7:22 am #2281535

Ok. do you intend to make that page the home page in Settings > Reading ?

If so - add this CSS:

.home .inside-header {
    max-width: 1360px;
}

July 14, 2022 at 9:45 pm #2283170

Thanks for the CSS code.

How can I remove the border from the last item? I added a border-bottom on some of my blocks with multiple items, It automatically adds the border on each item, but I don't want the last item to have a border. How can I achieve that? Please check the page link in the private box. It's the top grid before the "LATEST" section.

Thank you.

July 14, 2022 at 10:30 pm #2283190

Hi HJ,

Try adding remove-bottom-border to the class list of the Query Loop Block in its Advanced Block settings.

Then, add this CSS in Customize > Additional CSS:

.gb-grid-wrapper.remove-bottom-border > .gb-grid-column:last-of-type > .gb-container{
    border-bottom: none;
}

Kindly let us know how it goes.

This archived topic is closed to new replies.

Start building better websites today.