Support » Theme: Social Magazine » Changing size and color of homepage typography

  • Resolved ChopSuey1911

    (@chopsuey1911)


    Hi,

    thx for the great theme 😉 Can anyone tell me where to change…

    …the color of the menu-typography (navbar),
    …the size of the post-titles (homepage),
    …the size of the sidebar-widget-titles?

    thx for your help!
    mike

Viewing 7 replies - 1 through 7 (of 7 total)
  • UPDATE

    – change the color of the menu-typography (navbar) <– not solved
    – change the size of the post-titles (homepage) <– solved
    – change the size of the sidebar-widget-titles? <– solved

    thx for your help!
    mike

    UP!

    Can anyone help me pls?

    thx 😉

    Theme Author ThemesMatic

    (@themesmatic)

    ChopSuey1911 this is a skill you need to develop.
    It is not something specific to this theme.
    Rather than telling you exactly what it is you need to do and the result is you not learning anything, I will tell you how to figure that out.

    Use the Firefox browser, if your not already.
    left click (or control + click on Mac) on whatever item is you want to change in CSS.
    click “Inspect Element” and find out what it is you need to change and make those changes in your CSS file and save it.

    There are a million tutorials on Google on how to do this.

    Hi “ThemesMatic”,

    thx for the answer. Usualy i do it exact the way youve discribe it. But in that case i cant find the inspected area (Firefox) in the css. I found the background color of the whole navbar but not to chnage the color/hovercolor of the menu-typography.

    Maybe you can help me with another hint… otherwise i have to pay a professional because i am at a loss 🙁

    thx,
    mike

    Theme Author ThemesMatic

    (@themesmatic)

    This style located in bootstrap.min.css file so this needs to be added to your style.css which should overwrite it.

    .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
        color: blue;
        background-color: transparent;
    }

    If for some reason it doesn’t overwrite add !important to it like so:

    .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
        color: blue !important;
        background-color: transparent;
    }

    and obviously add any CSS color you want.

    YES! –> SOLVED!

    Thx very much 🙂

    Theme Author ThemesMatic

    (@themesmatic)

    Great, I’m glad that worked for you.
    If you could leave a review that would be awesome.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Changing size and color of homepage typography’ is closed to new replies.