My feature box is off

[jaydot511]

Hi guys,

If anyone could help me fix or update this code, it would be great.

I am looking to get my lists that is currently shown on my feature box to move up and have it lined up with the heading of the feature box..

In other words, have "Unlocked Your Peak Fitness" line up perfectly with "Here's what you'll learn in the eBook:" in the feature box.

Any help on this would be great. Here is the link: theheadlock.com

http://theheadlock.com

[AnitaC]

That's the H4 Title of a full width widget header. So... no you cannot line that up - however, you can use this trick. Remove the title from the widget. Then inside the text box - add that same header with the H4 header code:

<h4>Unlocked Your Peak Fitness</h4>

It will look like it does now but be inside the box and it will line up.

---

Need help with customization or troubleshooting? Reach out to me.

[jaydot511]

Thanks Anitac!

I did that but it now distorts the ul list. Take a look: theheadlock.com

Please note: The site was coding with a responsive format (not sure if this helps in identifying a resolution or not).

Thanks again.

[AnitaC]

What did you use to code that wide text box because there are DIVs in there and that's why it's not working.

---

Need help with customization or troubleshooting? Reach out to me.

[jaydot511]

Below is the code I am using, am I adding the <H4> tags in the wrong place?

<div style="float:right;max-width:33%;"><div class="bullets"><p><strong>Here's what you'll learn in the eBook:</strong></p>
<ul class="checks">
<li>Rewire your brain to be optimized for being fit.</li>
<li>Don't just eat healthy, learn and understand the full color spectrum.</li>
<li>Why the gym is a waste and how you can really <b>burn fat </b>and gain real life <b>firm muscle</b>.</li>
</ul>
</div></div>

<h4>Unlocked Your Peak Fitness</h4>
Sign up below to receive your <strong>FREE</strong> eBook download on the 3-pillar road map<br> to "Peak Fitness". All yours for free plus receive great insightful emails when <br>are articles are out. All this when you enter your email below...

[jaydot511]

Anyone? theheadlock.com

[AnitaC]

That DIV for the bullets is causing your problem. The code you have with your H4 is not wrapped in a DIV. Place that in one and float it left at a higher percentage. That box should float left and the other side right. I would have used column classes as they are responsive. Right now when I reduce the screen, that area is not responsive.

---

Need help with customization or troubleshooting? Reach out to me.

[Author]

Posts