Capitalize header

Home Forums Photo World/Photo Session Support Capitalize header

Viewing 15 posts - 1 through 15 (of 27 total)
  • Author
    Posts
  • #47136
    Michael
    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

    View post on imgur.com

    Screenshot Footer

    View post on imgur.com

    Thanks,
    Michael

    #47162
    SKT Themes
    Keymaster
    • Topics: 8
    • Replies: 6705
    • Total: 6713
    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
    Michael
    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 Moderator
    Participant
    • Topics: 0
    • Replies: 23445
    • Total: 23445
    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
    Michael
    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 Moderator
    Participant
    • Topics: 0
    • Replies: 23445
    • Total: 23445
    Member since: August 16, 2013

    Okay great

    #47241
    Michael
    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 Moderator
    Participant
    • Topics: 0
    • Replies: 23445
    • Total: 23445
    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
    Michael
    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 Moderator
    Participant
    • Topics: 0
    • Replies: 23445
    • Total: 23445
    Member since: August 16, 2013

    Hi Michael,

    Kindly show us your website URL.

    Regards,
    Dave

    #47275
    Michael
    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 Moderator
    Participant
    • Topics: 0
    • Replies: 23445
    • Total: 23445
    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
    Michael
    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 Moderator
    Participant
    • Topics: 0
    • Replies: 23445
    • Total: 23445
    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
    Michael
    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.