Help with layout

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!

Comments

  • 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

  • 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.


  • 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?

  • 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

  • Do you need help with writing it?

    Yes, please.

  • 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

  • Thanks a lot!

Sign In or Register to comment.