Some style changes for home page

zacheryhenry · Member · Jun 28, 2017 at 3:12 am
Copy link

Add topic to favorites
Featured Posts

For the featured image at the top, can we remove the rollover opacity change? I don’t want any rollover effect.

Why is the word “Advertisements” appearing below the headline on the featured image? It’s not a word I use in the post, and it is only appearing on posts tagged with the “featured” tag.

Is there a way to make the headline stand out more on the featured post? You’ll notice that with a white background it makes it a little difficult to read what the headline says…

Other style changes

Is there any way to include the date that the post was uploaded on the main page? Either above or below the image or headline?

Is there any way possible to make the blog posts lock to a grid? For the sake of aesthetics alone, I think it would look a lot better if the top of every image was on the same grid line. (I think I’ve asked this one before…)

The blog I need help with is: (visible only to logged in users)
g471n · Member · Jun 28, 2017 at 9:39 am
Copy link
Hi zacheryhenry

To remove the rollover effect try:
```
.site-feature:hover img {
		opacity: 1;
	}
```
To add custom CSS

Select Appearance > Customize > CSS from your Admin Dashboard and enter the custom CSS there.
g471n · Member · Jun 28, 2017 at 10:22 am
Copy link
To hide the word “Advertisements” add:
```
.entry-summary {
    display: none;
}
```
g471n · Member · Jun 28, 2017 at 10:30 am
Copy link
To make the headline stand out more.
```
.entry-header {
    text-shadow: 3px 3px 1px #111111 !important;
}
```
g471n · Member · Jun 28, 2017 at 10:43 am
Copy link
Rather use this for the headline so that we only target the headline text and not all header text on the page.

`.site-feature .entry-header {
text-shadow: 3px 3px 1px #111111 !important;
}’
zacheryhenry · Member · Jun 28, 2017 at 2:31 pm
Copy link
Thanks, g471n! That answers most of my questions.

I still am curious about:

1) Can I include the date of my posts on the home page? Either above or below the image or headline? Currently, they only show up on the single post page – not the home page.

2) Is there a way to make the blog posts lock to a grid on the home page?
I think it would look a lot better if the top of every image was on the same grid line.
g471n · Member · Jun 28, 2017 at 2:49 pm
Copy link
I don’t think there is a way to add the date of the posts with CSS.

I need a bit more time to have a look at locking the posts to a grid. I’ll be sure to get back to you if I find a good solution.
zacheryhenry · Member · Jun 29, 2017 at 10:38 pm
Copy link
bump
thesacredpath · Member · Jun 30, 2017 at 9:08 pm
Copy link
Hi Zachery, when Staff works through the forums, we do it from oldest to newest, so when you bump one of your forum threads, you effectively put it at the bottom of our list. Just letting you know so that you can get the most prompt replies.

The HTML for the posts on the main page of your site does not include dates, so it isn’t possible with CSS to add them. It would require editing of the theme php script files to add that, and the only way that could be done would be with the WordPress.com Business plan upgrade and then creating a child theme and the necessary PHP scripting and HTML.
zacheryhenry · Member · Jun 30, 2017 at 9:43 pm
Copy link
Thanks, sacred! Good to know. Any thoughts on the other one?

2) Is there a way to make the blog posts lock to a grid on the home page?
I think it would look a lot better if the top of every image was on the same grid line.
thesacredpath · Member · Jul 1, 2017 at 2:03 am
Copy link
On Rebalance, the theme software actually calculates, and recalculates the position of each post on the main page depending on the width of the window/screen and length each post requires for the image and the title. It then inserts those position values directly into the HTML for each and every post. That is the long way of saying we can’t do that on Rebalance.

No items found.