[Support request] Some customization help needed

[Marijke]

Hi folks,

I just switched because I was sick of how slow my site was on Soledad. The only thing… I really liked how it looked. Soledad had some awesome widgets (nice popular post widget, a Facebook one, social widget and a few other ones). Is there any way to get this back without having to install 20 different plugins? I see none that have all 3 things that I mentioned, for example.

Then there’s my home page. It looked like this* and I really quite liked it. Can something like this be achieved without bulky plugins that slow my site back down, like Elementor? The boxed menu, the category boxes, the nice featured image, the social buttons…
*https://www.psittacology.com/wp-content/uploads/2021/02/Psittacology.png

You can see what it looks like right now on Generatepress if you head to the home page.

Sorry if all these questions are a bit silly, I’ve always just relied so much on my theme to sort things out for me and now I’m a bit lost. Can you point me in the right direction? Should I hire someone?

[Ying]

With Block element and our block editor plugin Generateblocks, it should be doable 🙂

For exmample, I just duplicated your category layout, this is the structure I’m using.
https://www.screencast.com/t/jlYLi7STi

You could create this layout in a block element, choose hook as block type, choose generate_after_header as hook, and assign it to wherever you want it to show in location.
https://docs.generatepress.com/article/block-element-overview/

You can ask question one at a time, some of them need custom CSS, we’ll do our best to assist.

[Marijke]

Thank you! I will start playing around with that and post here if I need any more help. 🙂

[Marijke]

Wow, to my own surprise, I actually managed to make something similar. I’m just wondering how to make that sort of shrunken white border? It gives a lot of personality which is missing now with the theme switch. It would be nice to have that border around the featured image of the first article as well, like in my previous screenshot.

Here’s what I have now: https://www.psittacology.com/wp-content/uploads/2021/02/Psitt.png

For any additional questions, should I open a new topic or ask them here? I’m also wondering how to decrease the distance between posts on the home page as there is a bit too much padding between them. And I’ll probably run into endless more things.

[David]

Hi there,

try adding this CSS:

.gb-container.inner-border {
    position: relative;
}
.gb-container.inner-border:after {
    content: '';
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    border: 1px solid #fff;
    pointer-events: none;
}

Then select a Container Block you want it applied to – in settings > Advanced -> Additional CSS Classes add: inner-border

[Marijke]

Thank you! So I go to the element I created, select the container that contains the 6 images and enter inner-border in the Additional CSS classes part, then add the CSS code you provided in the Additional CSS field in the theme customizer? Just to verify.

I must be missing something here because I’m not seeing any changes show up, even after clearing the cache on site and browser.

[Ying]

Hi Marijke,

Good job creating the category block 🙂

1. See the screenshot below, select the Container B, add border to it in Spacing.
https://www.screencast.com/t/0qcBx9uJvK2
https://docs.generateblocks.com/article/container-overview/#border-size

2. You can control the border color at colors > border color.
https://docs.generateblocks.com/article/container-overview/#colors

3. Set Container A’s padding to 15px/15px/15px/15px for example so the space between Container B’s border and the edge of Container A is 15px all around.

For questions not related to the original topic, please open a new topic with a specific topic title.

Btw to add css, you could go to customizer > additional css, paste css code there, done!

[Marijke]

Lol, no wonder it didn’t work! I had the image set in container B, not container A. Thanks!

[Ying]

You are welcome, glad to help 🙂

[Author]

Posts