Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
chocolatesalam

Add Button Inside Text Block with Background Color

Question

I created "cards" in a code block that I'm going to use to offer services. alt text

I have two issues that I need help with:

  1. I'd like the heights of the cards to be restricted, so they are all equal in size and line up.

  2. I want the "BOOK NOW" button INSIDE the cards, which I know needs to be done with code, since the cards were created with code. Any body know how I can do this and also keep the styling of the buttons the same as the rest of my button blocks throughout the site?

Here's the code I used to create the "cards":


<div class="grey">
<h3>header goes here<p>
subheader goes here  </p></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
</div>

<style>
.grey { 
background: #ececec; 
padding: 50px; 
text-align: left; 
}
</style>

A million thanks to anyone who can help!!

screen-shot-2019-09-17-at-23237-pm.png.1b326411982db6c83dfdaae608a2a8c8.png

Edited by chocolatesalam
Initial Revision

Share this post


Link to post

3 answers to this question

Recommended Posts

  • 0

@chocolatesalam so you can use 1. min-height with fixed pixels to equal all columns 2. remove current background, and set background for container contain (text & button)

Just some suggestions. Difficult to send exact code without site url.

You can also send me site url via my contact form. I can take a look.


COVID-19Free priority support for all users (29/03 - 30/04). You can tag me (@tuanphan) or send to my email.

With paid support, see here

How to Setup Password & Share URL | 120+ SS 7.1 code

 

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...