Font Properties

  • Resolved Chuckie

    (@ajtruckle)


    4 years ago

    Hi !

    On my linked page I use a shortcode to display a small grid of downloads as you can see.

    My first issue:

    How do we change the font properties for the “Application Name” so that it is in the same font as the website?

    I tried:

    /* Simple Download Monitor */
.sdm_fancy2_download_title {
	font-family: inherit;
	font-weight: bold;
}

    The bold is set but the font style is not set to that of the website ("Roboto",sans-serif). Ideally I don’t want to literally key-in that text.

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor mbrsolution

    (@mbrsolution)

    4 years ago

    Hi, have you tried the following custom CSS?

    /* Simple Download Monitor */
.sdm_fancy2_download_title {
	font-family: "Roboto",sans-serif;
	font-weight: bold;
}

    Ideally I don’t want to literally key-in that text.

    What do you mean?

    Regards.

    Thread Starter Chuckie

    (@ajtruckle)

    4 years ago

    Thanks, in the end I had to prefix with div for the changes to be applied:

    div.sdm_fancy2_download_title {
	font-family: "Roboto", sans-serif;
	font-weight: bold;
}

    What do you mean?

    As you can see, in my original attempt I tried inherit. I reasoned that since the body must already be using Roboto that I could just inherit that style. That si what I meant. But this works.

    • This reply was modified 4 years ago by Chuckie.
    Plugin Contributor mbrsolution

    (@mbrsolution)

    4 years ago

    I am happy to know that you managed to fix your issue 🙂 Well done.

    Regards.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Font Properties’ is closed to new replies.