Change font size from (small) caps to regular textsize

  • Resolved ingeb1971

    (@ingeb1971)


    8 years, 6 months ago

    Hi ??
    I am building my first ever website using the Panoramic Premium template (www.fine-organized.nl) and am very pleased with the template and result so far ??

    I am now fine-tuning the lay-out but am strugling to resize all text on my website to regular fontsize instead of (small)caps as seems to be the standard font variant.
    I have been looking on the internet for CSS to change it but so far no luck and feeling a bit defeated ??
    I know that is should be possible because I saw another thread here with a link to a wwebsite that has exactly what I want (https://asselbergsenbaks.nl/).

    Can you tell me how I can change all website text on pages incuding the submenu to normal lettering (so one capital at the beginning of a sentence and then regular sized letters after that) using CSS?

    Thank you so much ??

    Greets,
    Ingeborg

    • This topic was modified 8 years, 6 months ago by ingeb1971.
Viewing 7 replies - 1 through 7 (of 7 total)
  • Theme Author Out the Box

    (@outtheboxthemes)

    Hi @ingeb1971

    Glad to hear you like Panoramic!

    You can do this with some custom CSS. You’ll need to install SiteOrigin’s free Custom CSS plugin which will allow you to add custom CSS to the theme.

    https://www.ads-software.com/plugins/so-css/

    Once you’ve done that go to Appearance > Customs CSS.

    This will show you a screen with a text editor containing any custom CSS you have implemented, so it will be blank to begin with.

    The CSS you should put in there is:

    .main-navigation a,
    .slider-container.default .slider .slide .overlay .opacity h2,
    .breadcrumbs,
    .widget-area .widget h2,
    .site-footer-widgets ul li h2.widgettitle {
    text-transform: none;
    }
    .main-navigation ul ul {
    top: 48px;
    }

    That should cover all the text that is automatically capitalized.

    Hope this helps!

    Thread Starter ingeb1971

    (@ingeb1971)

    Thank you so much for your quick response ??

    I was really happy to think I had the solution I needed so I copied your code into Custom CSS however there has not been any change ??

    BTW My Custom CSS was not blank because yesterday I already put this code in CSS because of the headers on every page that I did not like (I saw this code in another thread on the forum for the Panoramic theme):
    .page .entry-header {
    display: none;
    font-variant: normal;
    }

    Could it be that the codes are interfering with eachother?

    I also noticed a little box with an eye (?) on the upper right top in Custom CSS and when I opened that I noticed other ways to change text, decoration and lay out. So I tried some different things but again …. no luck ??
    Maybe you can tell me if that is the right place to make changes and how to accomplish what I want or should I just leave that as is?

    I also found this code online but that does not do anything either:
    p.capitalize {
    text-transform:capitalize;
    }

    Is it something I am overlooking or doing wrong?

    Hoping to hear from you ??

    Greets,
    Ingeborg

    Theme Author Out the Box

    (@outtheboxthemes)

    Hi @ingeb1971

    Any chance you could send me a link to your site?

    • This reply was modified 8 years, 6 months ago by Out the Box.
    Thread Starter ingeb1971

    (@ingeb1971)

    So sorry ?? I thought I already did.

    When I was writing my initial question something went wrong so I guess I forgot to put the link in, in the one I wrote after that hehe ??

    So here it is: https://www.fine-organized.nl

    • This reply was modified 8 years, 6 months ago by ingeb1971.
    Theme Author Out the Box

    (@outtheboxthemes)

    Hi @ingeb1971

    I’ve found what’s causing your site to display in all caps. The reason it’s happening is the font you’ve selected, Julius Sans One, is an all caps font.

    https://fonts.google.com/specimen/Julius+Sans+One

    So changing your font will fix this.

    Thread Starter ingeb1971

    (@ingeb1971)

    Haha! I never would have thought of that! Never used that font before and never knew some fonts only exist in caps only.

    Have changed to Sans Serif – which is quite similar – so I am very happy with the overall look of the content.
    And a simple solution for an annoying problem ??

    Thank you so much for your help.

    Greets,
    Ingeborg

    Theme Author Out the Box

    (@outtheboxthemes)

    No problem!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Change font size from (small) caps to regular textsize’ is closed to new replies.