Front Page 2 Widget Area Layout Configurations: Digital Pro

[Sveen]

Hi,

I'd like to change the front page 2 widget area layout, now if I insert 2 widget each occupies 50% of the available space, while I'd like divide that area in 70% and 30%, so the first widget occupies 70% of the area, while the second only 30%.

It's possible?

Thanks for your help

[Victor Font]

The area you want to change is a flexible widget area. Flexible widget areas are assigned the CSS class used to determine the widget layout at run time. The assigned class is determined by the number of widgets (widget count) placed in the widget area. You could create new classes to adjust the width of the two widget, but make sure you place the somewhere after .front-page-2 .flexible-widgets.widget-halves .widget, .front-page-2 .widget at line 161 in style.css. This is where I found the class in the demo. You'll also need to determine the widget ids (#) on your own since you didn't post a link to your site. You might want to take a look at this to learn how to do that: https://victorfont.com/how-to-use-your-browsers-inspect-tool/

.front-page-2 #text-4 {
width: 70%;
}

.front-page-2 #enews-ext-3 {
width: 30%;
}

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Sveen]

Thank you, can I ask you a question?

I'd like to enlarge the text on the page Full Width, it's possible?

Digital Pro Theme

Thanks for your help

[Victor Font]

Yes, it's all controlled by CSS. Use your browser inspect tool to find the element you want to change and it will show you the CSS to modify.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Sveen]

Thanks for the help, did it all

[Author]

Posts