Joomla Templates Club 406,261 posts

[questbg Friend questbgJoin date: May 2008Posts: 1912Downloads:0Uploads:1 Thanks: 146 Thanked: 339 times in 197 posts]

#132781

Hi Everyone

Really weird, suddenly my user1, user4 and JAlogin modules are all messed up and have moved around the screen!

I haven’t done anything with these modules, nor have I being playing around in the code today (well, not any code that would affect that at least). Yesterday, everything was fine, today a mess. The only thing that I can think of is we changed to September!!

Things don’t look bad on a 20″ monitor:

However, they are not ‘aligned’ as they were yesterday (flags were lined on same baselent as ‘Login’ and ‘Search’ yesterday).

Things look really bad on a 14″ laptop:

:((

As you can see from the module positions:

Does anyone know how I can revert back to original positions, or, why this happened?

Many Thanks
Chris

[Menalto Friend MenaltoJoin date: May 2007Posts: 4736Downloads:0Uploads:43 Thanks: 2 Thanked: 531 times in 361 posts]

#268116

Take a look in the css file for this here:
#ja-headtools {
border:1px solid #FFFFFF;
position:absolute;
right:0pt;
top:5px;
}
Change it to this here:
#ja-headtools {
border:1px solid #FFFFFF;
position:absolute;
right:0pt;
top:5px;
width:300px;
}
Where you can play around with the width 300px. One thing that can cause this is the flag you have added there, when did you add them?

[Khanh Le Moderator Khanh LeJoin date: November 2013Posts: 1884Downloads:41Uploads:31 Thanks: 44 Thanked: 203 times in 131 posts]

#268117

Questbg, please add more information to your problem such as your site url, which browsers, joomla version… However, I could guess out your site 🙂

Please make a quick fix as following:
Open template.css and find this styles:


#ja-headtools .ja-innerpad {template.css (line 850)
float:left;
padding:5px;
position:relative;
}

You could apply width for this class:


#ja-headtools .ja-innerpad {
float:left;
padding:5px;
position:relative;
width: 400px;
}

You could also make a small change in modules/mod_jflanguageselection/tmpl/mod_jflanguageselection.css to make flags align with other icons


#jflanguageselection {
float:right;
margin:15px 0px 10px 5px; //Remove this line
}


PS: Menalto is so quick :). You may apply the solution provided by him.

1 user says Thank You to Khanh Le for this useful post

1. questbg

[questbg Friend questbgJoin date: May 2008Posts: 1912Downloads:0Uploads:1 Thanks: 146 Thanked: 339 times in 197 posts]

#268125

Hi Both

Thanks for the replies. Will try modify the CSS. However, what I don’t understand is why it was OK yesterday, and not today!

Thanks again
Chris

[questbg Friend questbgJoin date: May 2008Posts: 1912Downloads:0Uploads:1 Thanks: 146 Thanked: 339 times in 197 posts]

#268128

<em>@Menalto 76869 wrote:</em><blockquote>One thing that can cause this is the flag you have added there, when did you add them?</blockquote>

They’ve always been there, since the day I installed JoomFish.

They were fine yesterday! :((

[questbg Friend questbgJoin date: May 2008Posts: 1912Downloads:0Uploads:1 Thanks: 146 Thanked: 339 times in 197 posts]

#268129

Hi Menalto

I looked in template.css file but couldn’t find the following

<em>@Menalto 76869 </blockquote>

I have plenty of ja-headtools, but nothing with a ‘border’ call?

[questbg Friend questbgJoin date: May 2008Posts: 1912Downloads:0Uploads:1 Thanks: 146 Thanked: 339 times in 197 posts]

#268134

<em>@khanh le 76871 wrote:</em><blockquote>
You could apply width for this class:


#ja-headtools .ja-innerpad {
float:left;
padding:5px;
position:relative;
width: 400px;
}

</blockquote>

Thanks Khanh Le … this has moved things back to the right hand side.

I shall now try the other ‘hack’ of mod_jflanguageselection.css file to try and realign the flags!

Strange this should happen overnight though, I’ve not been working in the template.css file for some weeks now!

Thanks again
Chris

[questbg Friend questbgJoin date: May 2008Posts: 1912Downloads:0Uploads:1 Thanks: 146 Thanked: 339 times in 197 posts]

#268135

<em>@khanh le 76871 wrote:</em><blockquote>
You could also make a small change in modules/mod_jflanguageselection/tmpl/mod_jflanguageselection.css to make flags align with other icons
</blockquote>

I only seem to have:

mod_jflanguageselection.xml
and
mod_jflanguageselection.php

and neither of these files contain that code?

Am I looking in the wrong place?

Thanks
Chris

[Menalto Friend MenaltoJoin date: May 2007Posts: 4736Downloads:0Uploads:43 Thanks: 2 Thanked: 531 times in 361 posts]

#268186

Follow this string here and you find the css file: http://www.questbg.com/modules/mod_jflanguageselection/tmpl/mod_jflanguageselection.css
Btw, the solution i posted is same as from Khanh, i posted the original one with the border…..

1 user says Thank You to Menalto for this useful post

1. questbg

[questbg Friend questbgJoin date: May 2008Posts: 1912Downloads:0Uploads:1 Thanks: 146 Thanked: 339 times in 197 posts]

#268261

Thanks Menalto

That’s lined the flags up with the Login and Search buttons. 🙂

The only problem I have now is when I’m logged in, this drops the ‘Text Size + . -‘ down a line:

At a guess, I’d say I have to play around with the ‘width: 400px’ value in the template.css file?

Thanks again
Chris

[Author]

Posts