Joomla Templates Club 406,261 posts

[gawel Friend gawelJoin date: July 2017Posts: 10Downloads:85Uploads:1]

#1049245

Hi,

how to make this red CTA buttons ("Zobacz Więcej") in same line (middle of the box) with text? http://kkswlubin.stronazen.pl/safetyproject/index.php/oferta/szkolenia

• This topic was modified 7 years, 4 months ago by  gawel.
• This topic was modified 7 years, 4 months ago by  gawel.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1049321

Hi
Used the code as showing below

<div style="height: 200px;display: -webkit-box;" class="alert  alert-info">
<dl>
<dt>2.</dt>
<dd>Szkolenia antyterrorystyczne</dd>
</dl><a class="btn btn-border" href="#" style="
    margin-left: 14px;
">Zobacz więcej</a>
</div>

Here http://prntscr.com/fwz09j

Hope it helps.

Regards

[gawel Friend gawelJoin date: July 2017Posts: 10Downloads:85Uploads:1]

#1049385

Hi, thank you for your replay. It is not exacly what I want to get. Please look below what i mean:

I want button on the right and text in the vertical middle of the button.

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1049388

Hi
Use this code instead

<div style="height: 100px;" class="alert alert-info"> <dl class="col-md-6">  <dd>1. Szkolenia antyterrorystyczne</dd> </dl><a class="btn btn-border col-md-6" href="#" style="
    float: right;
">Zobacz więcej</a> </div>

Hope it helps

Regards

[gawel Friend gawelJoin date: July 2017Posts: 10Downloads:85Uploads:1]

#1049393

Looks better, but please notice that is still not in vertical middle:
http://kkswlubin.stronazen.pl/safetyproject/index.php/oferta/szkolenia

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1049396

Hi
You can apply custom style on it to adjust the level. as the content and button is not same height so it look like this, otherwise its same level.
http://prntscr.com/fx0xa3
http://prntscr.com/fx0xdu
Regards

[gawel Friend gawelJoin date: July 2017Posts: 10Downloads:85Uploads:1]

#1049398

Ok, so I need to set it manualy in each box? Depends of amount of content – point 5 has most of text so it no need to move it down.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1049410

Yes, you can add it manually depends on the text you have.

Regards

[gawel Friend gawelJoin date: July 2017Posts: 10Downloads:85Uploads:1]

#1049566

But what about mobile view? Now it looking not good…

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1049644

Hi
You have to set the values in this way to adjust them, because each custom block used by you has a different style it will be ae for mobile.
You can apply custom classes and use media queries to apply new style code.
Here is documentaion.

Regards

[Author]

Posts