Adjust Agency Pro Buttons

[brant1121]

I am trying to move the buttons on the homepage “Meet Our Team” and “Dental Services” to be centered right under the “Family • Cosmetic • Sleep Apnea • Invisalign • Implants” tag. I can’t seem to get it to where I want it.

http://181.224.137.164/~bcreated/docrockdds.com/

Any ideas? I appreciate any feedback. Thanks!

http://181.224.137.164/~bcreated/docrockdds.com/

[Victor Font]

The reason for this is because you changed the h elements to be 600px wide but the textwidget itself is much wider. The buttons are centered within the full width of the textwidget. To fix this you need to wrap the buttons in a div element and then adjust the size and position of the div. In your text widget, replace the button code with the following:

<div class="my-buttons">
<a href="http://181.224.137.164/~bcreated/docrockdds.com/dental-services/" class="button">Our Dental Services</a>
<a href="http://181.224.137.164/~bcreated/docrockdds.com/about-us/meet-our-team/" class="button">Meet the Team</a>
</div>

No add the following block to your theme's style.css:

.my-buttons {
    width: 600px;
    position: relative;
    top: -120px;
}

---

Regards,

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

[Victor Font]

I've been trying to answer this question, but the answer isn't saving.

---

Regards,

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

[Victor Font]

The reason for this is because you changed the h elements to be 600px wide but the textwidget itself is much wider. The buttons are centered within the full width of the textwidget. To fix this you need to wrap the buttons in a div element and then adjust the size and position of the div. In your text widget, replace the button code with the following:

<div class="my-buttons">
<a href="http://181.224.137.164/~bcreated/docrockdds.com/dental-services/" class="button">Our Dental Services</a>
<a href="http://181.224.137.164/~bcreated/docrockdds.com/about-us/meet-our-team/" class="button">Meet the Team</a>
</div>

No add the following block to your theme's style.css:

.my-buttons {
    width: 600px;
    position: relative;
    top: -120px;
}

---

Regards,

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

[Victor Font]

The reason for this is because you changed the h elements to be 600px wide but the textwidget itself is much wider. The buttons are centered within the full width of the textwidget. To fix this you need to wrap the buttons in a div element and then adjust the size and position of the div. In your text widget, wrap the button code with a div with the class of my-buttons, the add the following code to your style.css:

.my-buttons {
    width: 600px;
    position: relative;
    top: -120px;
}

---

Regards,

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

[Victor Font]

So in my original answer I had a block of html for you. It was preventing the answer from being saved.

---

Regards,

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

[brant1121]

Thanks a lot for your help. Worked great!

[Author]

Posts