Agent Press Pro Full Widget Widget Home Page

[darune123]

How do I get any of the the Home page widgets to be a full width? I just want to use the widget like genesis featured post to place 1 post on the page. I still want to keep the featured home widget the same. That works fine for my needs.

But, Home (Top, Middle, or Bottom) would be fine to make full width to display one post (or most posts).

Thank you.

[Tom]

To place a post in Home Bottom that uses the full width of the widget area

Place a featured post widget in Home Bottom.
Add this CSS to the bottom of the child theme stylesheet:

.home-bottom .widget .post  {
    width: 100%;
}

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[cashable]

I am sorry to hop on a post that is 4 years old, but I am having this same issue. I followed the instructions above, added the css, but it made no change. It seems to be an issue with the widget only being about 310 pxls wide, regardless of the 100% setting.

http://www.mouseplanners.com

You can see in the bottom area, it is small, and no matter what I change in the css of the theme, it does not change sizes. Thanks!

[Tom]

Hmm. I haven't touched WP in at least two years 🙂

Try this. Find this in style.css at line 1474:

.full-width .featuredpage {
   clear: none;
   align-content:  width: 23.875%;
}

Change width to 100%.

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[cashable]

Tom, thank you, you are awesome! I thought I had changed every % that was listed in the css, guess I missed the one that counts. Thanks again!

[ibtdubai]

Hi there,

To register a widget area, do this: https://codex.wordpress.org/Function_Reference/register_sidebar#Example

Then you can add it to GP like this:

add_action( 'generate_after_header', 'tu_add_full_width_widget_area', 100 );
function tu_add_full_width_widget_area() {
if ( is_active_sidebar( 'YOUR_WIDGET_ID' ) ) : ?>
<div class="grid-container">
<?php dynamic_sidebar( 'YOUR_WIDGET_ID' ); ?>
</div>
<?php endif;
}

Let me know if this helps or not

---

IT Solutions and Support Service Provider in Dubai, UAE

[Author]

Posts