Archived topic
GP right widget
38 replies · Started by Karol Öman on November 21, 2022
Sorry - i meant the page on your website where i can see your Right element
Hey
On all my blog posts
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
Hey,
Where do I remove and add the css?
In the Customizer > Additional CSS
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.
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?
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
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!
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.
Hey, Almost. I want it to be like the site I sent in the private area.
You can remove the content color just to your single post with this CSS:
.single-post.one-container .container {
background: transparent;
}
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.
Are you wanting to copy the home page too ?
Hey, Correct at least the layout colors I can do myself.