Altitude Pro Add button to bottom of front page 3 widget area

[socialspark]

I know that Altitude Pro is formatted very specifically for different layouts depending on the number of widgets. I have 7 text widgets in the front page 3 widget area - one for the heading, and then 6 for services the company offers. They display very nicely as a heading over 2 rows of 3 services. The problem is, I'd like to put a "Learn More" button centered below these 6 services, but if I add another text widget for the button, then it changes to 3 rows of 2 for the services, which I don't want. Is there any way to add a single, centered item below these without changing them, or is that just the way it is? I'd like to do something similar in the front page 2 section as well.

Thanks in advance.

http://c8d.aee.myftpupload.com/

[Christoph]

Hi,

if you are not using an even number of widgets in any of the other widget areas,
you can simply change the logic in functions.php (around line 172) into

elseif( $count % 2 == 0 ) {
		$class .= ' widget-thirds';

and in the style.css add width: 100%; to last text widget.
e.g.

#text-## {
width: 100%;
}

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[socialspark]

Thank you, Christoph, that worked perfectly!

[phacient]

What if you only wanted to change it for one or two widgets and not for the entire home page. Is that possible?

[Christoph]

Hi,

I´m not exactly sure what you want to achieve, but you could change the classes added to the widgets in front-page.php.
If you want to exclude widgets areas from the logic, you could try to remove e.g.
' . altitude_widget_area_class( 'front-page-2' ) . '

from

'before' => '<div id="front-2" class="front-page-2"><div class="solid-section"><div class="flexible-widgets widget-area' . altitude_widget_area_class( 'front-page-2' ) . '"><div class="wrap">',

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[phacient]

I'm basically trying to just have the ability to add the text widgets as I want and then put a centered widget/button at the bottom to 'learn more' or 'compare packages'. Right now, it's adding that widget to the end of the line as if it were another package/benefit/feature.

[Christoph]

You probably could change the css or add css just for that one widget.
But you might have to change/remove the widget logic.
Do you have an URL that you can share?

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[phacient]

The site is under construction under behind a maintenance window. I could send you a login privately if you like.

[Christoph]

Sure, send it over.

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[phacient]

This reply has been marked as private.

[Author]

Posts