Support » Theme: Spun » Footer Font Change

  • Resolved Selinvarol

    (@selinvarol)


    Hello,

    My header Menu font and footer font type is not matching.
    I use Century gothic in header menu and would like to use the same for footer widgets as well.

    and no other changes to other font types for articles, headers.

    Thanks a lot and my website is cevizhane.

Viewing 12 replies - 1 through 12 (of 12 total)
  • Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    At the bottom of your child theme style.css file add this:

    .site-info {
     font-family: "Century Gothic";
    }

    Hi Andrew,

    Footer info font changed but not the widgets font.
    Font style of where facebook box is located such as, popular posts, archive ect…

    Thanks,
    Selin.

    .site-info a {
    font-family: “Century Gothic”;
    }

    Thanks Batharoy,
    For the size of the font

    when I applied this it did not changed. Content font type and size needs to be the same with the footer widgets.

    .site-info a {
    font-size: 10px;
    font-family: “Century Gothic”;
    }

    Thanks ,
    Selin

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    Sorry, can you re-explain your issue?

    Hi Andrew,

    The font type of the footer area widget are larger than the header menu and content font.
    There footer widgets such as most readed posts, popular posts where facebook is located font type and size is not matching what actually site is using in content.
    I want them to appear same to make more professional look.

    Thanks,
    Selin

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    Can you provide an image outlining the footer area bits you’re referring to?

    Good Morning Andrew,

    Here is the link

    which shows the footer widget area that I wuld liek to change the font type.
    Thanks,
    Selin

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    In that picture are do you want to change the size of the widget titles?

    In first I did not think to change but I can have the code and try for future purpose or can give idea to others as well.

    Thanks a lot.

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    Try adding this to your Child Theme style.css file:

    .widget {
     font-size: 15px;
    }

    The titles would be:

    .widget-title {
     /* COMMENT: 24px is the original value */
     font-size: 24px;
    }

    Thanks Andrew.
    It works perfect

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Footer Font Change’ is closed to new replies.