- This topic has 5 replies, 3 voices, and was last updated 2 years, 4 months ago by Ying.
-
AuthorPosts
-
November 29, 2021 at 7:55 am #2029608Ryan
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?
November 29, 2021 at 9:33 am #2029736DavidStaffCustomer SupportHi 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.November 29, 2021 at 3:46 pm #2030354RyanHi 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.
November 29, 2021 at 4:01 pm #2030371YingStaffCustomer Supportstill 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 🙂
November 29, 2021 at 4:55 pm #2030431RyanHi 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.comSame thing here: see the top widget on right sidebar
https://marjorieduncan.comNovember 29, 2021 at 5:16 pm #2030450YingStaffCustomer SupportThe widgets you refer to still have the default paddings, but they use CSS to override it:
https://www.screencast.com/t/aF5DU6iSJEWe 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
toinside-left-sidebar
, the number2
indecates the second widget in the sidebar, change it to suit your need.Let me know if you need further assistance 🙂
-
AuthorPosts
- You must be logged in to reply to this topic.