Duet Premium Theme: Customizing All Text

chasinghealthy365 · Member · Aug 8, 2012 at 11:43 pm
Copy link

Add topic to favorites
I am using Duet Premium Theme. I have already purchased the CSS customization and have changed some CSS already. I know how to add CSS code, I’m just having trouble finding the right CSS line for specific items.

What CSS line can I customize the text for each of these:

• Post Header
• Post Date
• Post Body Copy
• Padding between the Post Header and Post Date
• Right and Left Padding (the white space between the blog content and the container) I want to reduce the amount of white space on the right and left sides

Thank you!

The blog I need help with is: (visible only to logged in users)
designsimply · Member · Aug 28, 2012 at 10:48 pm
Copy link
In modern browsers like Chrome and Firefox, you can right-click any element and see the HTML for that element as well as a all of the CSS that applies to it. It’s called the web inspector, and it’s VERY handy. I think Chrome has the best built-in web inspector, and Firefox has a really good add-on you can install called Firebug.

I used the web inspector in Chrome to find the answers you were looking for:

Post Header

.post-title

Post Date

.post-title h4

Post Body Copy

.post .page

Padding between the Post Header and Post Date
```
.post-title h4 {
	top: 25px;
}
```
Right and Left Padding
```
#container {
	padding-left: 0;
	padding-right: 0;
}
```
designsimply · Member · Aug 28, 2012 at 10:49 pm
Copy link
Duet is one of my faaavorite themes. I hope you love it!

No items found.