Font CSS Customization

vlogazul · Member · Aug 3, 2015 at 11:29 pm
Copy link

Add topic to favorites
Hello, I am using the Expound theme and I would like to know if there’s a snippet for the following.

Is there a snippet to make the title text of each article in the main and category pages have the same font of the text in the navigation menu?

Also, is there a snippet to make the blue link square button that says “Leer mas” in the featured post be center aligned? Thanks.

The blog I need help with is: (visible only to logged in users)
ehtis · Staff · Aug 4, 2015 at 7:48 am
Copy link
This will change the font of post titles to match that of the menu:
```
.home .entry-title, .category .entry-title {
	font-family: Arial;
}
```
To align “leer mas” button:
```
.entry-summary .button-primary{
	float: left;
	margin-left: 40%;
}
```
vlogazul · Member · Aug 4, 2015 at 8:32 am
Copy link
It works perfectly, thanks.

Is there a snippet to make that “leer mas” button have a text of my choice instead of the “leer mas”?
ehtis · Staff · Aug 4, 2015 at 9:23 am
Copy link
Yeah, it’s possible via an indirect approach here. First, we’ll hide the original button and then add another using a CSS pseudo-element. Replace “Button Text” as required:
```
.entry-summary .button-primary {
	visibility: hidden;
}
.entry-summary .button-primary:after {
	content: "Button Text →";
	visibility: visible;
 	background: #117bb8;
  	padding: 5px;
  	float: left;
}
```
P.S. As I mentioned in another thread of yours, CSS isn’t really designed to add/replace content and is used for styling only.

Not really a recommended way, but since you have no other choice here, you can go with this solution.

No items found.