Capitalize header

Home Forums Photo World/Photo Session Support Capitalize header

Viewing 15 posts - 1 through 15 (of 27 total)
  • Author
    Posts
  • #47136
    MichaelMichael
    Member
    • Topics: 4
    • Replies: 36
    • Total: 40
    Member since: January 29, 2016

    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

    #47162
    Sonnal S SinhaSonnal S Sinha
    Keymaster
    • Topics: 10
    • Replies: 6938
    • Total: 6948
    Member since: June 12, 2013

    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

    #47169
    MichaelMichael
    Member
    • Topics: 4
    • Replies: 36
    • Total: 40
    Member since: January 29, 2016

    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

    #47224
    Forum ModeratorForum Moderator
    Moderator
    • Topics: 0
    • Replies: 29463
    • Total: 29463
    Member since: August 16, 2013

    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

    #47235
    MichaelMichael
    Member
    • Topics: 4
    • Replies: 36
    • Total: 40
    Member since: January 29, 2016

    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

    #47239
    Forum ModeratorForum Moderator
    Moderator
    • Topics: 0
    • Replies: 29463
    • Total: 29463
    Member since: August 16, 2013

    Okay great

    #47241
    MichaelMichael
    Member
    • Topics: 4
    • Replies: 36
    • Total: 40
    Member since: January 29, 2016

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

    #47246
    Forum ModeratorForum Moderator
    Moderator
    • Topics: 0
    • Replies: 29463
    • Total: 29463
    Member since: August 16, 2013

    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

    #47248
    MichaelMichael
    Member
    • Topics: 4
    • Replies: 36
    • Total: 40
    Member since: January 29, 2016

    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

    #47272
    Forum ModeratorForum Moderator
    Moderator
    • Topics: 0
    • Replies: 29463
    • Total: 29463
    Member since: August 16, 2013

    Hi Michael,

    Kindly show us your website URL.

    Regards,
    Dave

    #47275
    MichaelMichael
    Member
    • Topics: 4
    • Replies: 36
    • Total: 40
    Member since: January 29, 2016

    Hi Dave,

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

    Thanks.

    Regards,
    Michael

    #47280
    Forum ModeratorForum Moderator
    Moderator
    • Topics: 0
    • Replies: 29463
    • Total: 29463
    Member since: August 16, 2013

    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

    #47283
    MichaelMichael
    Member
    • Topics: 4
    • Replies: 36
    • Total: 40
    Member since: January 29, 2016

    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

    #47285
    Forum ModeratorForum Moderator
    Moderator
    • Topics: 0
    • Replies: 29463
    • Total: 29463
    Member since: August 16, 2013

    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

    #47286
    MichaelMichael
    Member
    • Topics: 4
    • Replies: 36
    • Total: 40
    Member since: January 29, 2016

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

Viewing 15 posts - 1 through 15 (of 27 total)
  • You must be logged in to reply to this topic.