Archived topic
Marketer Theme widget question
5 replies · Started by Ryan on November 29, 2021
Background: I am using the Marketer theme. I have switched the right sidebar widget from legacy to block.
Question #1: I have an image I would like to fill the entire widget block area - no border. (I know you can change the background color of that border area in css. Basically, I want to fill this background area with the image.)
Question #2: On one of the other blocks on the right sidebar widget, I want to adjust the font size. I went to Customizer --> Typography --> Widget but only see an option to change the Title size. I want to change the body as well. How can I do this?
Hi there,
if you want to customizer individual widget areas then use the GenerateBlocks plugin.
You can use its Container Block, which accepts background images and styling. And its Headline Block will allow you to set the typography styles.
Hi David,
Using the GenerateBlocks plugin, I see how I am able to style the widget area. But when I set the container width to full, I still have rather large margins surrounding my image within the widget. How do I make my image "bleed" to the edge of the widget?
Weirdly enough, in the documentation I see a toggle button that says "make full width." This could be what I need but I can't find the toggle on mine. Otherwise I would have tried that option.
So, I am still stuck, unfortunately. This is a staging site as well, so I can't even post a link.
still have rather large margins surrounding my image within the widget
Widget has its own padding around. The full width of GB still respect the padding of the widget.
Weirdly enough, in the documentation I see a toggle button that says “make full width.”
This option only appears in page/post editor. As the widget area can NOT be full width.
How do I make my image “bleed” to the edge of the widget?
Can you link us to your site?
Let me know :)
Hi Ying,
Sorry, this is a a staging site, so I don't have a live link I can share.
However, I found two other GB Marketer-themed sites that have removed the margins from the right side bar widgets.
On this one, see top two widgets: the image bleeds to the edge / no margins.
https://woorkup.com
Same thing here: see the top widget on right sidebar
https://marjorieduncan.com
The widgets you refer to still have the default paddings, but they use CSS to override it:
https://www.screencast.com/t/aF5DU6iSJE
We can help with CSS, if you can't link us to the site, try this CSS:
.inside-right-sidebar .widget-area .widget:nth-child(2) {
padding: 0;
}If your sidebar is left sidebar, change inside-right-sidebar to inside-left-sidebar, the number 2indecates the second widget in the sidebar, change it to suit your need.
Let me know if you need further assistance :)
