Help with layout

debora · February 2022

I used the Be Theme for this website https://vlotternaareenbeterewereld.nl/ and i am really happy how it turned out. The only problem I am having is the layout of a couple of elements.

1) The footer. It looks jammed. The colums are not evenly spaced. How can i make that the project section has more space on the left?

2) https://vlotternaareenbeterewereld.nl/contact/#doneer The Donation section is not centered and I do not seem to find the way to center it. It looks to me like i have done everthing correctly but still not centered. What am i missing?

3) Is there a way to add a filter on the news page (preferably on top of the page)? https://vlotternaareenbeterewereld.nl/category/nieuws/

Thanks for your help!

Phil · February 2022

Hi,

1) You can change the Footer layout to 1/5 1/5 1/5 1/5 1/5, leave the first tab empty and fill the widgets from Footer #2 - Footer #5, then the first tab will be blank, and there will be more space on the left.

2) There is padding around the column, which moves the content.

Open the column options, and remove or adjust the padding value.

3) Please, go to Betheme -> Theme options -> Blog & Portfolio -> Blog, and from Filters dropdown menu choose Show.

Thanks

debora · February 2022

Sorry. I wasn't clear with point 1). I meant that the free space like shown here in pink is very narrow. I would like to have some more room there.

debora · February 2022

Thanks the filter is now there. The problem I now have is that when "alles" (everything) is selected nothing gets shown. I tried to exclude it with the slug but it doesn't work because it's not a category in itself.

My other problem is that i actually have two separate news pages (nieuws and opinie). I have used the category link to make the menu items otherwise when i am on opinie also nieuws gets highlighted. I would like to remove or show other filter options on the Opine page. Is that possible?

Phil · February 2022

1, 2) You can achieve that by writing a custom CSS code and placing it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

Do you need help with writing it?

Thanks

debora · February 2022

Do you need help with writing it?

Yes, please.

Phil · February 2022

Please, use the following ones:

#Footer .widgets_wrapper .column:nth-child(2) .widget{
   margin: 30px 20px!important;
}
.category-nieuws #Filters .categories li:first-child{
   display: none!important;
}
.category-opinie #Filters{
   display: none!important;
}

Thanks

debora · February 2022

Thanks a lot!

Help with layout

Comments

This website uses cookies