• Hi,

    I’m a newbie and wondering:

    1) How to increase the size or make the text font bold/italic in the header (Call us phone number) and footer of my website Gifts for Occassions including the page titles like Home, Shop etc?

    2) How to modify the color and size of the social media icons in the header and footer?

    Appreciate your response. Thanks much in advance.

    Regards
    Learner

Viewing 11 replies - 1 through 11 (of 11 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    Add some CSS:

    .site-topbar-right {
        font-weight: bold;
        font-style: italic;
    }
    .entry-content h1 {
        font-weight: bold;
    }

    To add CSS: If your theme has a custom CSS option, use that to add the CSS shown above. If not, install the plugin Simple Custom CSS. Or, if you have Jetpack installed, enable its Custom CSS module.

    Learn the Chrome Developer Tools to help you see and test changes to your CSS.

    Thread Starter learner99

    (@learner99)

    Thanks. Here is the theme I’m using. Please let me know which route I need to take.

    https://www.ads-software.com/themes/freestore/

    In my file manager I see jetpak folder under the plugins folder. In the customs CSS link you sent it says:

    First, activate the Custom CSS module on the Jetpack dashboard, and then you can access the CSS editor via Appearance → Edit CSS.

    I do not know how to enable/activate it’s Custom CSS module in jetpack dashboard. I don’t even know how to get to the jetpack dashboard. Please let me know. Thanks much.

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    From the dashboard, click Jetpack then settings.

    Thread Starter learner99

    (@learner99)

    Hi Steve,

    Thanks.

    1) How to increase the font size in the header (Call us phone number) and footer of my website?

    2) How to increase the font size in the header menu (Home, Shop, About Us….) of my website?

    3) How to modify the color and size of the social media icons in the header and footer?

    Appreciate your response.

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    I gave you CSS above.

    You can change color, etc, using similar CSS.

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    I gave you CSS above.

    You can change color, etc, using similar CSS.

    Thread Starter learner99

    (@learner99)

    Thanks but what I don’t know is what would you call the header bar on which I have the menu items listed such as Home, Shop, About Us etc.? Same for footer.

    Thread Starter learner99

    (@learner99)

    just like the .site-topbar-right

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    Learn the Chrome Developer Tools to help you see and test changes to your CSS. https://developers.google.com/web/tools/chrome-devtools/

    I don’t see that you made the changes from my first reply.

    Thread Starter learner99

    (@learner99)

    Ok sure, will go thru the link you provided. I did make the changes and also added some more code to get rid of the horizontal bar at the bottom of my web page but somehow when I saved the stylesheet it took away some of my previous code you gave me. Now I corrected and it shows. Please check.

    Hello!

    I am not sure if this is the right place to post my query, but I don’t know how to start a new thread here.

    Anyway, I would like to decrease the font size of my footer contents, so that they come down to two lines and not three lines. I don’t want to fiddle with the “? Copyright, Explainz.com” text. By the way, this is my site: https://www.explainz.com/

    Thanks!

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘How to increase font size or make it bold in the header and footer?’ is closed to new replies.