Forum Replies Created
-
AuthorPosts
-
nickp9664Member
I should've also provided this screenshot - https://imgur.com/a/VE1bkB7 - which shows how it appears when I just use one Custom HTML widget with the code you sent.
nickp9664MemberHi, thank you very much for your help. I'm just experiencing one more issue with this code which is completely my fault - as I only had two columns in the html I originally shared.
I've used this HTML based off what you commented but I added another box. This is what it looks like at the moment - https://imgur.com/a/sk9wd4m. So I have a Custom HTML Widget with the Title/First line of text, and then a custom HTML widget with the code below.
<div class="one-third">
<div class="content-box">
<i class="icon ion-ios-monitor-outline"></i>
<h4>Customer insight program</h4>
<p>Translating research and data into
meaningful actionable insight.</p>
</div>
</div>
<div class="one-third">
<div class="content-box">
<i class="icon ion-ios-monitor-outline"></i>
<h4>Customer insight program</h4>
<p>Translating research and data into
meaningful actionable insight.</p>
</div>
</div>
<div class="one-third">
<div class="content-box">
<i class="icon ion-ios-cart-outline"></i>
<h4>Brand Strategy Development</h4>
<p>Defining your purpose to create a foundation for sustainable growth.</p>
</div>
</div>
<div class="first">
<p>Learn More About Essenza</p>
</div>I'm trying to make all of the boxes still appear on the one line next to each other. The button is perfect, but I just need the 3 boxes in alignment. Any advice would be greatly appreciated!
nickp9664MemberHi Victor, thank you for your reply. Would you be able to assist me with the second option, to use one Custom HTML Widget and add all of the code for the area into that?
This is what I currently have:
<p class="thirty">Discovering and articulating your competitive advantage to drive sustainable growth.</p><div class="content-box">
<i class="icon ion-ios-monitor-outline"></i>
<h4>Customer insight program</h4>
<p>Translating research and data into
meaningful actionable insight.</p>
</div><div class="content-box">
<i class="icon ion-ios-cart-outline"></i>
<h4>Brand Strategy Development</h4>
<p>Defining your purpose to create a foundation for sustainable growth.</p>
</div>But unfortunately, this just stacks the content boxes on top of each other, compared to having them side by side. I probably should have opted for a page builder like Elementor as I didn't realise this much editing would be involved in adding an object like a button - but I'd also love to expand my knowledge of HTML and maybe this is a good way to do it!
-
AuthorPosts