Alignment problem of four modules in welcome-right - JF Salina - Joomla Templates

Welcome, Guest

TOPIC: Alignment problem of four modules in welcome-right

Alignment problem of four modules in welcome-right 09 Apr 2016 21:33 #8587

Hi,

I have a problem with the alignment of four modules in welcome-right position.

The horizontal alignment it's not regular (see the picture attached).
I'm trying adjust it from css using firebug, but it's a problem to do that because bootstrap it's really uncustomizable.

How can I resolve?

Thank you

Attachments:

This image is hidden for guests. Please log in or register to see it.

Last Edit: 09 Apr 2016 21:35 by me. Reason: add image

Reply Quote

Posts:75
me
Senior Boarder
OFFLINE
Karma: 0

Re: Alignment problem of four modules in welcome-right 11 Apr 2016 04:06 #8592

Can you please send me your website url?

joomfreak

Reply Quote

The following user(s) said Thank You: me

Posts:2940
isupport
Moderator
OFFLINE
Karma: 0

Re: Alignment problem of four modules in welcome-right 20 Apr 2016 15:23 #8650

This is not very helpful a guide to solving the problem will be helpful for others with a similar problem

Reply Quote

Posts:2
Nufayl
Fresh Boarder
OFFLINE
Karma: 0

Re: Alignment problem of four modules in welcome-right 20 Apr 2016 21:14 #8653

Nufayl wrote:

This is not very helpful a guide to solving the problem will be helpful for others with a similar problem

Hi,

I think that the private login it's necessary to discover what kind of problem is. It's not an exclusion policy.

In my own case the Joomfreak guys have solved adding the property "vertical-align: top" at classes: ".welcome-right" and ".moduletable".

You have to edit the file: "template.css", you can find it in: "/templates/jf_salina/css/template.css". Search the properties: ".welcome-right .moduletable", and add "vertical-align: top".

 
.welcome-right .moduletable {
    animation-delay: 0.2s;
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
 
    vertical-align: top;
 
    width: 50%;
}