WordPress.org

Forums

Bold Headline
How to change menus font size (10 posts)

  1. Peter Cheuk
    Member
    Posted 1 year ago #

    Please advise how to change menus font size.

  2. Christine Rondeau
    Volunteer Forum Moderator
    Theme Author

    Posted 1 year ago #

    If you look in the style.css, you'll find this:

    .navigation-main a {
    color: #fbfbfb;
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    padding: .5em;
    text-decoration: none;
    text-transform: uppercase;
    }

    Just change the font-size to whatever you need. I would recommend that you use a child theme or if you are using jetpack, use the custom CSS tool.

  3. Peter Cheuk
    Member
    Posted 1 year ago #

    My dream comes true when I use your Bold headline theme which boldness and plainness fits exactly my purpose. It is God-sent.

    see my site http://jiduzaininei.com. I followed exactly your instruction but I find the font-size is already defaulted at 60px. And no matter what figure I varied it, the menus items are the same.

    Please advise

  4. Christine Rondeau
    Volunteer Forum Moderator
    Theme Author

    Posted 1 year ago #

    The font size is set in rem and px. Px are provided because Internet Explorer doesn't understand rems.
    So if you want to change the font size, you need to change both like so:

    .navigation-main a {
    font-size: 20px;
    font-size: 2rem;
    }

    Or

    .navigation-main a {
    font-size: 24px;
    font-size: 2.4rem;
    }

    I see that you made changes directly to the theme. If there's an update, you will look these changes. I strongly suggest that you use the custom CSS tool in jetpack or make a child theme.

  5. Peter Cheuk
    Member
    Posted 1 year ago #

    Thanks Christine. Using your theme, unexpectedly but very happily, I find that my website and theme-sentence now appear as the very first item in the very first page in Google, simply after searching by theme sentence which is far from unique (means Christ in you).

    I followed exactly your instruction, clicked update file. But the font size remains.

    To save your time, may I simply give you the password and you solve the problem for me. One more thing is would you please tell me how to change the mid-page words colour (now black), and I can choose colour myself in future.

    I absolutely have no security concern at all because it is not a commercial site, no blog, no personal data, just 4 static pages, empty now, intended to list my future articles on the theme for web free reading purpose and I can change password after you finish.

  6. Christine Rondeau
    Volunteer Forum Moderator
    Theme Author

    Posted 1 year ago #

    I can see that your menu is now much bigger. I see the text in size 24px.
    I also see from your HTML source code that you are running super cache.
    You may want to clear your cache so you can see the changes.

  7. Peter Cheuk
    Member
    Posted 1 year ago #

    Thanks, I don't know what cache and super cache are, nor HTML code, because I am a complete idiot in this field. What happened was: I finished everything, logged out, no change, and sought help from you. Later, go the site again. It changed.

    A week ago, I deleted a page, logged out, visited site, no change, asked hostgator. People asked me to press delete cache. I did it, not know what it is and why. It worked.

    Do you know why?

    How to change the mid-page big word's colour? I know it must be somewhere in editor again.

  8. Christine Rondeau
    Volunteer Forum Moderator
    Theme Author

    Posted 1 year ago #

    Super cache is a plugin, so either you installed it or hostgator installed it for you.
    If you go under your settings you should be able to find the setting for it and there's an option somewhere ( not sure exactly ) that allows to clear it.

    On a site like yours there's really no need for a caching plugin. You could also go to the plugins and see if it's there. If so, just deactivate it and delete it.

    As for the font colour, go to Appearance > Customizer

  9. Peter Cheuk
    Member
    Posted 1 year ago #

    Thanks. I did use Appearance Customize to make 4 the coloured items. But the black words you see in middle of purple pages cannot be controlled by any 1 of the 4.

    Please enlighten me.

  10. Christine Rondeau
    Volunteer Forum Moderator
    Theme Author

    Posted 1 year ago #

    Try using this:

    body, button, input, select, textarea {
    color: #404040;
    }

    Just change the color # value to whatever you want.
    I find this tool - http://0to255.com/
    very handy for finding the right colour.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.