fonts and layout modification

Hi i am now trying to elliminate the uppercase of the red arrow article area. The code i have used so far in override.css is:
/* Here you can include your override CSS styles */
.header .nspLinks ul li h4, .nspArt p.nspText{
font-size: 12px!important;
text-transform: none;
}

.nspArt h4.nspHeader {
font-size: 12px!important;
text-transform: none;
}

.box {text-transform: none;}

.header {text-transform: none;}

but doesnt make this area low case. Any ideas?

The second issue is that i want the banner that the green arrow shows to be placed next to the first banner (where the green arrow points) Any suggestions for that?

Try adding !important tag to your text-transform property.

Code: Select all

text-transform: none!important


Also if they are Links Layout text in News Show PRO module try below css as well

Code: Select all

.header .nspLinks ul li p { text-transform: none!important;}


Also the font your are using must have support all cases as some fonts are only available in uppercase.

See you around...

No the !important; didnt work any other suggestions?
And what about my second question:
"The second issue is that i want the banner that the green arrow shows to be placed next to the first banner (where the green arrow points) Any suggestions for that?"

thanks

I think it would be easier if you can send me or post your website link so I can check its html.

If you don't want your link to be public you can send a private message or an email normauk[at]live.co.uk.

Please include this topic subject and link in your email.

See you around...

For bolded text which is Title

Code: Select all

.header .nspLinks ul li h4 a { text-transform: none!important;}


For non bolded text which is text in layouts

Code: Select all

.header .nspLinks ul li p { text-transform: none!important;}


Regarding banners you are using 2 banner modules and each of them currently using full available width. Try to add a module class in module settings then I will check again to see if we can work with them.

See you around...

banner_1 for 1 banner
banner_2 for 2 banner
please help allign them (banner 1 next to banner 2)in a float kind of styling
thanks

Please use following css code in override.css

Code: Select all

.banner_1, .banner_2 {
    width: 50%!important;
    float: left!important;
    text-align: center;
}


See you around...

no that didnt work, the banners are in the same position.
I use firefox /Chrome with cleared cache

You did not copy my code you are using different selectors. Copy my css code as I have written.

See you around...

i did and didnt work so i used firebug to see the selectors, i use your code now to prove you that , check again

I can see code is working fine now. Let me know if you still need help on this.

See you around...