[DonParticipant]

Hi – trying to change the font size, weight and color on the page title as well as the blog post titles, and REDUCE the size of the ‘Read More’ on the blog post.

I assume this requires custom css – can you point me in the right direction of what to do – could not find in searching. Thanks!

Site is secretdomina.com
Page is Mistress’s Blog

Thanks

[DonParticipant]

Also: Trying to edit the Font, Style and Color of the Site – where it says ‘SecretDomina” now. Want to keep it text but alter color, style and character spacing.

Thanks!

[DonParticipant]

This reply has been marked as private.

[JoaoModerator]

Hi There,

You can add the following code to Appereance | Customizer | Custom | CSS

1

.entry-title {
    font-size: 200%;
    color: red;
    font-weight: 200;
    letter-spacing: 2px;
}

2

.x-brand {
    letter-spacing: 2px;
    color: red;
    font-weight: 600;
}

Hope that helps

Joao

[DonParticipant]

Perfect. Question I forgot – I have the entry title as ‘SecretDomina’ and I would like to make the Secret Red with one font, and the Domina black bold with another. How would I separate these two in the custom CSS to add the font changes?

Thanks much – you guys are great.

Don Z

[DonParticipant]

Also – #1 change did nothing except make OTHER parts of the pages bold. All I am looking for is to make the Blog Posts header larger/bolder and REDUCE the Read More tag on the bottom….

Thanks

[DonParticipant]

Also – Now Mistress’s Blog is red / thinner font but that is NOT what was intended.

So to recap:

1. Need to make the Blog Post excerpts have a larger font and the ‘Read More’ smaller / different font.
2. Make ‘Secret of ‘SecretDomina’ red, 700 bold, italic Arial and the ‘Domina’ black, 900 and any other font.

Thanks

[FriechModerator]

Hi There,

#2 Add this on your Custom > Global JavaScript on Customizer.

jQuery( function($) { 

$('.x-brand.text').each( function(){

var logo_parts = $ ( this ).text().trim().split(' ');

$( this ).html ( '<span class="part1">' + logo_parts[0] + '</span> <span class="part2">' + logo_parts[1] + '</span>'  );

} );

} );

Then add this on Custom CSS

.x-brand.text .part1 {
	color: red;
	font-weight: 700;
	font-style: italic;
	font-family: Arial, cursive;
}

.x-brand.text .part2 {
	color: black;
	font-weight: 900;
	font-family: cursive, sans-serif;
}

#1 Add this on your custom CSS as well.

.entry-content p {
	font-size: 1.2em;
	font-family: Arial, cursive;
}
.entry-content .more-link {
	font-size: 0.8em;
	font-family: cursive, sans-serif;
}

Hope it helps, Cheers!

[Author]

Posts