Joomla Templates Club 406,261 posts

[jcnr Friend jcnrJoin date: September 2010Posts: 15Downloads:0Uploads:2 Thanks: 9 Thanked: 1 times in 1 posts]

#193365

Hi there, i have 2 details i would like to get some help with if possible:

1º – Is it possible to make the upper modules (HEADER and MENU) absolute, i mean with the site scrooll down or up those modules would stay in the same position without moving.

2º – I published some modules in positions user21, user22, user23 and user24 and the links hoover and without hoover are weird for the template i have tried for lquite some time to change it in CSS but i cant find where it is, i wanna change that grey to bleu and on hoover white.

Thanks in advance for all the time given to these issues

JCNR

---

Attachments:

1. 

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#516992

Hi JCNR,

<blockquote>1º – Is it possible to make the upper modules (HEADER and MENU) absolute, i mean with the site scrooll down or up those modules would stay in the same position without moving.</blockquote>

Is there any sample link showing how they should be? Do you mean the menu will be sticky like in our recent template?

<blockquote>2º – I published some modules in positions user21, user22, user23 and user24 and the links hoover and without hoover are weird for the template i have tried for lquite some time to change it in CSS but i cant find where it is, i wanna change that grey to bleu and on hoover white.</blockquote>

Please set “NO” for “Enable Development Mode” and “Optimize CSS” in template manager. Then send me the URL of your site so that I can help you out.

[jcnr Friend jcnrJoin date: September 2010Posts: 15Downloads:0Uploads:2 Thanks: 9 Thanked: 1 times in 1 posts]

#517012

<em>@Nazario A 404003 wrote:</em><blockquote>Hi JCNR,

Is there any sample link showing how they should be? Do you mean the menu will be sticky like in our recent template?

Please set “NO” for “Enable Development Mode” and “Optimize CSS” in template manager. Then send me the URL of your site so that I can help you out.</blockquote>

Hi, tks for the quick reply

1º Yes, exactly i would like logo and menu to be sticky that they dont move at all if i scrool down the page

2º The setting you asled for are placed and the url is http://www.colegioddinis.pt/cdd

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#517023

Try This . . . .

For the Header/Logo section . . .

Within file path –> /templates/ja_university/css/template.css
at line 931, modify as follows:


#ja-header {
background: none repeat scroll 0 0 #10151C
border-bottom: 1px solid #000000
position: fixed;
}

Then, for the main nav . . .

Within file path –> /templates/ja_university/css/template.css
at line 1019, modify as follows:


#ja-mainnav {
background: none repeat scroll 0 0 #10151C
border-top: 1px solid #1B212A
font-size: 0.923em;
position: fixed;
top: 75px;
z-index: 20;
}

Last, for the “main/topsl1” section . . . .

Within file path –> /templates/ja_university/css/template.css
at line 1143, modify as follows:


#ja-topsl1 .main {
border-bottom: 1px solid #EFECE1
margin-top: 120px;
padding: 30px 0;
}

SAVE CHANGES — CLEAR CACHE — REFRESH PAGE

Does that achieve the result you were going for?

1 user says Thank You to TomC for this useful post

1. jcnr

[jcnr Friend jcnrJoin date: September 2010Posts: 15Downloads:0Uploads:2 Thanks: 9 Thanked: 1 times in 1 posts]

#517051

Hello TomC

thanks in a million, it is nearly there, it works at some point, but in the main page it conflits with the ja slide show lite, and also in mobile view the header stays under the menu. And if i use any link to any article the header and menu is no longer sticky.

Please check it out in http://www.colegioddinis.pt/cdd.

Also is its not too much trouble, in position user21 i got published and the css is not quitte the blue theme it appears grey on normal link and dark blue on hoover. Where to change those color…

thanks again for all the help. cheers

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#517075

Hi jcnr,

Please try workaround below:
– Open file: …/templates/ja_university/css/template.css
– Modify CSS declaration as follows:

#ja-slideshow {
background-attachment: scroll;
background-clip: border-box;
background-color: #D7E3E3
background-image: none;
background-origin: padding-box;
background-position: 0 0;
background-repeat: repeat;
background-size: auto auto;
border-bottom-color: #C3D5D5
border-bottom-style: solid;
border-bottom-width: 1px;
margin-top: 121px;
position: relative;
z-index: 9;
}

Remember to clear JAT3 cache. Let me know how it goes.

1 user says Thank You to Nazario A for this useful post

1. jcnr

[jcnr Friend jcnrJoin date: September 2010Posts: 15Downloads:0Uploads:2 Thanks: 9 Thanked: 1 times in 1 posts]

#517101

Hello thanks once again Nazario i choosed now to sticky only the header

All is ok as i wanted in home page, but i got now a more weird problem i figure out why the modules placed under the #ja-botsl2 tag appeard grey and dark blue and i added to the blue theme css the following code to obtain the result i want

#ja-botsl2 a {
background-image: url(../images/bullet-dark.gif);
color: #6991b7
}

#ja-botsl2 ul.menu li a {
background-image: url(../images/bullet-dark.gif);
color: #6991b7
}

#ja-botsl2 a:hover,
#ja-botsl2 a:focus,
#ja-botsl2 a:active {
color: #fff
}

#ja-botsl2 ul.menu li a:hover,
#ja-botsl2 ul.menu li a:focus,
#ja-botsl2 ul.menu li a:active {
color: #fff

But when ever i link a category in blog view this changes and that css is not absorved as also the sticky header stops being sticked, it appears like when in blog view there is another css file is taking place, please check the following link to view what i mean http://www.colegioddinis.pt/cdd/oferta-curricular the same happends for example in http://www.colegioddinis.pt/cdd/oferta-curricular but if u go to home page or any page the represents a single article the module published under that tag in user21 position appears as i wish.

where can i make this changes? Or qhat am i missing? Thanks

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#517109

As I can see that in both pages:

Blog view page: http://www.colegioddinis.pt/cdd/oferta-curricular

and Homepage:

CSS is loaded correctly in ja-botsl2 block. If that’s not what you’re mentioning, pls send me screenshot of how you want to achieve, I will help you out.

---

Attachments:

1. 
2. 

1 user says Thank You to Nazario A for this useful post

1. jcnr

[jcnr Friend jcnrJoin date: September 2010Posts: 15Downloads:0Uploads:2 Thanks: 9 Thanked: 1 times in 1 posts]

#517152

Hello Nazario A

So weird, yesterday was not like that, well maybe a stupid mistake on my end regarding cache cleaning.

And so very sorry for wasting your time on a non-problem.

Thanks

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#517175

Never mind on that. Glad to be of assistance.

[Author]

Posts