Site Description

  • Resolved jesslyndw

    (@jesslyndw)


    2 years, 10 months ago

    Hi there,

    I’m revising the look of the header, and would like to modify the site description (Faculty Learning Hub) to increase and bold the font, and move it to be right-aligned. I can’t see a way to modify this in the CSS, or in the Theme Editor. Would you be able to help? Thank you!

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author Toshihiro Kanai

    (@mirucon)

    Hi!

    While you can’t do it in the theme customizer, you can modify them easily with CSS below:

    html body .site-description {
  /** Make it bold */
  font-weight: 700; /* 300 is default */
  /** Make it bigger */
  font-size: 16px /* 15px is default */

   /** Make it right-aligned */
  text-align: right;
  justify-self: flex-end;
  flex: 1;
}
    Thread Starter jesslyndw

    (@jesslyndw)

    @mirucon I tried this CSS, but the only thing that worked was the font-weight. The rest didn’t make any changes. Is it possible this is controlled in the theme customizer or elsewhere?

    Theme Author Toshihiro Kanai

    (@mirucon)

    @jesslyndw I’m sorry, I missed a semicolon after font-size: 16px, so I think it will work if you place a semicolon like font-size: 16px;.

    Essentially the customizer is just applying some CSS based on user’s selection, so making it as customizer option won’t fix the issue. The issue was just I was missing a semicolon.

    Thread Starter jesslyndw

    (@jesslyndw)

    I am so sorry it’s taken me a while to get to this, but thank you, you have helped so much!

    • This reply was modified 2 years, 7 months ago by jesslyndw.
Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Site Description’ is closed to new replies.