Arrow Positions GK5

ScreenShot.jpg

Hi,

I'm trying to move the arrows as seen in the pic above, from above the articles, to just above the line, next to News / Events.

I'm looking at the CSS, but can't find a way to move it - the live site is: http://joomla3.lalawlibrary.org/. Can anyone help?

Thanks,
Adam

Edit override.css (or any other css file that loads as last, if You are not using our theme) and add at its end:

Code: Select all

#gkuseruser10 .box.color3 {
    position: relative !important;
}

.nspTopInterface {
    position: absolute !important;
    right: 0px !important;
    top: 5px !important;
}


It should do the trick.

Thank you Cyberek! That worked great, I just have one other question - there is still a margin/padding between the line and the first news item, I see it in Chrome developer, but can't see the code that takes it away.

Could you please provide the override for it? Thanks and I really do appreciate all the help.

It is the top padding of .nspArt h4.nspHeader element:

Code: Select all

.nspArt h4.nspHeader {padding: 0 0 5px 0}


Thank you. That is what I thought, but when I changed it, nothing happened. I put the !important next to it, and it fixed it.

Thanks again for all your help. I hope to one day be at your level of expertise.

It is the top padding of .nspArt h4.nspHeader element:

Code: Select all

.nspArt h4.nspHeader {padding: 0 0 5px 0}


Google Chorome's web developer tools or firebug will help You. Knowledge comes with practice, so if You will be doing a lot of frontend work, sooner or later You will become master at it . Keep good work and ask if You will have any questions.