[Support request] GP right widget

[David]

Sorry – i meant the page on your website where i can see your Right element

[Karol Öman]

Hey

On all my blog posts

[David]

Ok, i can see them now 🙂

First lets deal with the Sticky part:

1, Remove this CSS:

@media (min-width: 768px) {
.sticky-container > .gb-inside-container,.sticky-container {
    position: sticky;
    top: 80px;
}
#right-sidebar .inside-right-sidebar {
    height: 100%;
}
}

And add this:

@media (min-width: 768px) {
    #right-sidebar .inside-right-sidebar {
        position: sticky;
        top: 60px;
    }
}

Then we can look at advising on the styling

[Karol Öman]

Hey,

Where do I remove and add the css?

[David]

In the Customizer > Additional CSS

[David]

I aslo set up your first widget in the Right Element.
If you open the List view in the editor you will see it is:

Container Block
— Headline Block
— Widget Block

Adjust the styles of the Container and Headline block to suit your design.
When you have done so and are happy.
Select the Container Block, and from the 3 dot menu in the toolbar, select > Duplicate.
You can repeat this for each widget and just update the widget block inside.

[Karol Öman]

Hey, look at that looking good thanks! Is it possible to change the so the title box is on the line like they had? Also, the right widget background has been trying to change so it matches the background of the site. Meaning the part that is white(#fff) should be they grey background if that makes sense?

[Fernando]

1. Try giving the Headline Block a negative top margin value.

2. Are you referring to the Containers? If so, you can alter their color in their respective Block Settings. Reference: https://docs.generateblocks.com/article/container-overview/#colors

[Karol Öman]

Hey, thanks figured out the first one! Not the initial containers but the right widget background color. The background color of the right widget it’s white at the moment but wants to change it to a gray color. The containers will still remain white!

[Fernando]

Can you try adding something like this through Appearance > Customize > Additional CSS?:

div#right-sidebar {
background-color: #888;
}

Let us know if this is what you’re looking for.

[Karol Öman]

Hey, Almost. I want it to be like the site I sent in the private area.

https://postimg.cc/HJmHJYYD/bd2d0779

[David]

You can remove the content color just to your single post with this CSS:

.single-post.one-container .container {
    background: transparent;
}

[Karol Öman]

Hey, thanks worked perfectly! Okay last step, to get their front page as well? I have the widget done right so all I need are their post style.

[David]

Are you wanting to copy the home page too ?

[Karol Öman]

Hey, Correct at least the layout colors I can do myself.

[Author]

Posts