CSS properties only partially applied to Titles and Dates

  • Resolved djeah

    (@djeah)


    4 years, 1 month ago

    Hi,
    I like this plugin for it is exactly what I needed. I am trying to:

    1) reduce the space between two lines,
    2) Change text color
    3) Change font size and style of Title and post date separately

    So far I read through the replies and tried the below. But it is still not working. I re-checked after clearing the cache as well. Only the Post date is as expected. But the title color, line spacing, it’s font-family and font size are still not reflecting as expected.

    .recent-posts-widget-with-thumbnails .rpwwt-widget ul li a span.rpwwt-post-title {
	line-height: 0.5;
	font-size: 14px;
	margin-left: 0px;
	color: black;
	text-align: left;
	font-family: "Oswald_test";
}

.rpwwt-widget h3 {
    color: black;
	font-size: 9px;
}
#rpwwt-recent-posts-widget-with-thumbnails ul li a {
    line-height: 0.7; /* change the value to the one you need */
}
.rpwwt-widget ul li div.rpwwt-post-date {
	font-size: 10px;
	font-style: italic;
	color: "black";
}

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter djeah

    (@djeah)

    I got it to work to a great extent.

    Only the line height is not working.
    And I would also like to change the text cover to red when I hover over it.

    .rpwwt-widget ul li a span.rpwwt-post-title{
	line-height:10px;
	font-size: 15px;
	color: black;
	font-family: "Oswald_test";
}

.rpwwt-widget ul li div.rpwwt-post-date {
	font-size: 10px;
	font-style: italic;
	color: gray;
}
    Thread Starter djeah

    (@djeah)

    I solved it. Although it took me 2hrs for trial and error method ?? (I’m not a front end guy)

    .rpwwt-widget ul li a span.rpwwt-post-title{
	font-size: 15px;
	margin-top: 2px;
	color: black;
	font-family: "Oswald_test";
}

.rpwwt-widget ul li a span.rpwwt-post-title:hover {
  color: red;
}

.rpwwt-widget ul li div.rpwwt-post-date {
	font-size: 10px;
	color: gray;
	padding-top:2%;
}

.rpwwt-widget{
	line-height:99% !important;
}
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘CSS properties only partially applied to Titles and Dates’ is closed to new replies.