Joomla Templates Club 406,261 posts

[rovisco Friend roviscoJoin date: June 2015Posts: 72Downloads:0Uploads:0 Thanks: 15]

#761670

Hello,

How can I resize position-1 (Clinica Dentaria in the picture) in order to position-1, position-2 and position-3 be the same size?

Thanks!

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

#761738

Hi
I did not found the picture in your first post .
You can manage the size of the module position via template manager > Layout > responsive layout Tab .
You can change the size of module position for different screen size devices .
Here is documentation .

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#764029

Hi,

This way will help you to force three positions above with the same height

Open templates/ja_medicare/css/custom.css file and add new css style

div#Mod107, div#Mod146, div#Mod160 {
height: 359px !important;
}

Regards

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#764030

Hi

The 3 positions already have the same size , it is using bootstrap code col-lg-4 col-md-4 col-sm-6 col-xs-12 , if you are referring to the position-1 module height

then you can fit height adding codein to your custom.css in this way

@media (min-width: 768px)
.t3-module {
padding-bottom: 15px!important;
}

[rovisco Friend roviscoJoin date: June 2015Posts: 72Downloads:0Uploads:0 Thanks: 15]

#781871

Ninja Lead wrote:

Hi,

This way will help you to force three positions above with the same height

Open templates/ja_medicare/css/custom.css file and add new css style

div#Mod107, div#Mod146, div#Mod160 { height: 359px !important; }

Regards

Thanks @ninja Lead . Your sugestion solved the problem

[rovisco Friend roviscoJoin date: June 2015Posts: 72Downloads:0Uploads:0 Thanks: 15]

#782089

Sorry, I forgot the picture:
http://postimg.org/image/vy3wa1han/

Pankaj Sharma wrote:

Hi
I did not found the picture in your first post .
You can manage the size of the module position via template manager > Layout > responsive layout Tab .
You can change the size of module position for different screen size devices .
Here is documentation .

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

#800762

Hi rovisco
Please share the site url here via Private reply options , to check the issue directly on your site .

[rovisco Friend roviscoJoin date: June 2015Posts: 72Downloads:0Uploads:0 Thanks: 15]

#803793

The problem is solved by the code of Ninja Lead.

Best,
Joana

Pankaj Sharma wrote:

Hi rovisco
Please share the site url here via Private reply options , to check the issue directly on your site .

[Author]

Posts