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.


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Armadillo - Free portfolio template

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...