Support » Theme: Olsen Light » Lower case H1 and uppercase menu items

  • Hi! Somehow I managed to do this in the past, but I am not sure where to find what I altered in my CSS or elsewhere for it to work for new pages:

    How do I make a new page, where the H1 (title of the page) can be in lower case (e.g. Fotografie vs FOTOGRAFIE) and the menu item will however be uppercase? It is the case now for all my pages (except the new first menu item/page and menu item/page Tarieven, as you can see). For instance: Contact has an uppercase menu-item but lowercase H1, when you open the page. I want all pages to be like this. How did I do this before? Haha thanks in advance!

    Andrea.

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)
  • Fotis

    (@markwaregr)

    Hi there,
    Add this

    .navigation > li > a {
        text-transform: uppercase;
    }

    in your custom CSS box under Customize-▸Additional CSS
    to make your menu items uppercase. Then just add normal lowercase (you currently have them uppercased) to your post / page titles.

    Thread Starter andrea1451986

    (@andrea1451986)

    Thank you so much @markwaregr, that did the trick, as to be expected! 🙂 Funny because some of my pages were already titled lower case but still had a menu item in uppercase. Just for new ones, this didnt happen. So i mustve done something in the past.

    One other thing: The menu item ‘Tekst’ with the dropdown I now have a page/text connected to it, so when you click ‘Tekst’ you see a page with text. What CSS do I put in if I dont want anything to happen when you click on Tekst? So no action whatsoever, you just stay on the same page you were already on when you click Tekst?

    One more: new articles are shown on my ‘home’ andreadejong.nl (and via click on headerlogo), and categorized under menu item ‘Tekst’ (the dropdown here are all categories. If I want my first menu item ‘Andrea de Jong’ to also go to the blogroll, is this possible? I always thought it was limited to one URL to show the blogroll. I’d like andreadejong.nl/andrea-de-jong to redirect to andreadejong.nl.

    Thanks so much!

    Fotis

    (@markwaregr)

    Hi,
    well you will need to add blank URL menu item https://www.cssigniter.com/kb/create-an-empty-link-on-the-menu/

    Also you can use a Redirection plugin to redirect to your homepage https://www.wordpress.org/plugins/redirection/

    Let me know if you need additional help with this.

    Thread Starter andrea1451986

    (@andrea1451986)

    You’re awesome @markwaregr, thank you! Will try that.

    Thread Starter andrea1451986

    (@andrea1451986)

    Hi Mark @markwaregr,
    Afraid im going to have to ask for your help once more.

    I installed the Redirection plugin and made a redirect from andreadejong.nl/andrea-de-jong to andreadejong.nl and nothing seems to happen; it doesnt work. A shame I cant upload a picture of the settings I put, that would fast make things clear. Can you help me? Or tell me where I can send a printscreen of my settings?

    Thank you so much!

    Fotis

    (@markwaregr)

    Hi there,
    @andrea1451986 Please consult the plugin developers on how to use it correctly.

    Thread Starter andrea1451986

    (@andrea1451986)

    Hi @markwaregr, thank you. I did and I got it to work, yay!

    One more question about my uppercase menu-items: I got the main menu to be uppercase thanks to you, and now, submenu items are not uppercase yet. So pages I hang below a menu item don’t have uppercase. What is the piece of CSS I would insert for that to happen and for it all to look smoothly?

    Thank you once more!

    Fotis

    (@markwaregr)

    Hi,
    this will help

    .navigation a {
        text-transform: uppercase;
    }

    Let me know if this worked for you.

Viewing 8 replies - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.