[CSS] post title

  • Hi, I’m trying to change the font of post titles on my blog (https://science4fun.org/test/). I read that I should modify add this code to mi style.css of child theme

    .entry-title,
.entry-title a {
    font-family: 'Georgia' , serif;
    color: #414042;
    text-decoration: none;
}

    But it does not work. Why?

    Thanks!

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

  • I can’t see those styles in style.css of your child theme;

    are you sure you added and saved them at the right location?

    for general formatting problems, try and use a browser inspection tool such as Firebug https://getfirebug.com/ to investigate which styles you need to edit;

    in your case, due to the downloaded child theme and its particular date format, the post titles have a different css class:
    .title-date

    Add this to your custom CSS or child-theme CSS, or if you have the latest version of Jetpack, go to Appearance –> Edit CSS:

    .title-date a { font-family: Georgia, "Time New Roman", serif; }

    That will change only the title font.

    Thread Starter superciccio14

    (@superciccio14)

    Perfect! It works!

    i.e. I edited my CSS as follows:

    .title-date {
	display: block;
	position: relative;
	margin-left: 60px;
    clear: both;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5em;
    padding-bottom: 0.3em;
    padding-top: 15px;
    text-decoration: none;

	/* Added to prevent balloon overlapping */
	margin-right: 50px;
	text-align: justify;
}

    I changed the value of font-size. I have to replace the same entry into .title-date a or not?

    Thread Starter superciccio14

    (@superciccio14)

    Isn’t it?

    Thread Starter superciccio14

    (@superciccio14)

    edited

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘[CSS] post title’ is closed to new replies.