Capitalize header

[Michael]

I would like to capitalize the headers of the sidebar widget and footer. Please help me with the Custom CSS Code.

Screenshot sidebar widget
http://imgur.com/a/hwzRP

Screenshot Footer
http://imgur.com/a/ycqUP

Thanks,
Michael

[Sonnal S Sinha]

Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

Add this code there:

.ngg-widget img { width:30.30% !important;}
.foot_col_container { width:98% !important;}
.footer-menu, .social, .contact { width:25% !important; margin:0 !important; padding:0 15px !important; box-sizing:border-box;}

Regards,
Shri

[Michael]

Hi Shri,

Thanks for your suggestions but it doesn’t change anything.

I want the titles in the header of the sidebar widget and the footer such as “Fotogalerie” to display in small capitals.

Regards,
Petra

[Sonnal S Sinha]

Hi Michael,

Kindly go to Appearance>>Theme Option>>Basic Setting>>Custom CSS Box

Add this code there:

#colophon h2{text-transform:uppercase;}
#secondary .widget-title{text-transform:uppercase;}

Regards,
Dave

[Michael]

Hi Dave,

Thanks for your help which almost solved it. I wanted small caps instead of uppercase so I added this code there:

#colophon h2 {font-variant: small-caps;}
#colophon h3 {font-variant: small-caps;}
#secondary .widget-title{font-variant: small-caps;}

Regards,
Michael

[Sonnal S Sinha]

Okay great

[Michael]

Please let me know the code to capitalize the menu and the slider description.

[Sonnal S Sinha]

Hi Michael,

Kindly add this code in custom css box:

#site-nav ul li a{font-variant:small-caps;}
.slide-description{font-variant:small-caps;}

Regards,
Dave

[Michael]

Hi Dave,

Thanks but it doesn’t change the menu on the first level, only all the sub-menus (which is great).

.slide-title{font-variant: small-caps;} doesn’t work either.

Regards,
Michael

[Sonnal S Sinha]

Hi Michael,

Kindly show us your website URL.

Regards,
Dave

[Michael]

Hi Dave,

eMail sent as I don’t want to post URL in forum yet.

Thanks.

Regards,
Michael

[Sonnal S Sinha]

Hi Michael,

First level menu are changed.

For the slider title add this code in custom css box:

.slide-title{font-size:inherit !important; font-variant:small-caps;}

Regards,
Dave

[Michael]

Hi Dave,

What do you mean by “First level menu are changed.“? They are uppercase instead of small caps.

Have a look at the website what happened to the slide-title … it changed the font-size which is now way smaller than before.

Regards,
Michael

[Sonnal S Sinha]

Okay i’m checking in Firefox browser and it shows perfect.

Paste this code in custom css box for all other browsers:

#site-nav ul li a{text-transform:inherit; font-variant:small-caps;}

Regards,
Dave

[Michael]

I checked with Firefox and IE. Slide-title font-size is now the smaller than slide-description which it wasn’t before.

[Author]

Posts