Archived

This topic is now archived and is closed to further replies.

  • 0

Resolved Alignment Qtranslate With Breadcrumbs


Question

Posted · Report post

Hello,

I would like to align my qtranslate with my breadcrumb so that the flags are on the same hight.

I'm aware of putting a code in the custom css and tryed severall codes from your site but for now, no succes

The site i'm working on is http://nieuw.vazdias.nl

Thx,

Edwin

2.png

post-31151-0-58007800-1353511650_thumb.j

Share this post


Link to post
Share on other sites

9 answers to this question

Posted · Report post

Hi there, try this. Can't guarantee it will work but seems to be displaying the desired effect in firefox.


.qtrans_language_chooser {

    margin-top: -19px !important;

}

Share this post


Link to post
Share on other sites

Posted · Report post

Hi there, try this. Can't guarantee it will work but seems to be displaying the desired effect in firefox.


.qtrans_language_chooser {

margin-top: -19px !important;

}

This works for me.

Thx,

Edwin.

Share this post


Link to post
Share on other sites

Posted · Report post

The topic was marked as resolved.

Share this post


Link to post
Share on other sites

Posted · Report post

Works for me too, with another px value.

Share this post


Link to post
Share on other sites

Posted · Report post

Add this little snippet to your Dashboard > PageLines > Site Options > Custom Code > CSS Rules:


.widget ul {

    margin: -26px 0 10px 0.4em;

}

Share this post


Link to post
Share on other sites

Posted · Report post

Add this little snippet to your Dashboard > PageLines > Site Options > Custom Code > CSS Rules:


.widget ul {

margin: -26px 0 10px 0.4em;

}

Hello Rob,

Thx for your replay, but its not working for me.

The flags are still to low.

Regards,

Edwin.

Share this post


Link to post
Share on other sites

Posted · Report post

Edwin, I think the problem is that they're in two distinct elements that are each 100% of the with of the content area. This is not going to be an easy task. It worked for me with the CSS I gave you, but there are so many potential variables...

Share this post


Link to post
Share on other sites

Posted · Report post

Hello Edwin,

I'm no pro, but I have had the same problem and solved it with this:

.qtrans_language_chooser li {

float:right;

margin-right:3px;

display: inline;

}

#site .widget-pad {

display: inline;

}

//*[@id="list_sb_universal"]

ul#list_sb_universal.sidebar_widgets li {

display: inline;

}

ul#qtranslate-2-chooser.qtrans_language_chooser {

display: inline;

}

Maybe you don't need all this, maybe it's not compatible with other parts of your site. I wish someone else can help us to understand what I did...

Regards,

Magu

Share this post


Link to post
Share on other sites

Posted · Report post

I'm sorry. It seems to work with chrome, but not with firefox or explorer...

Share this post


Link to post
Share on other sites