How to set excerpts in Full Frame Theme

pepitorenaud · Member · Mar 8, 2017 at 7:42 pm
Copy link

Add topic to favorites
Hello,

I can put excerpts of articles in the main page of my website to the left side of the page but I would like to put some of them to the right side not all of them. I also would like to change some of character colour. What is the CSS code for that?

Thank you!

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Mar 9, 2017 at 4:32 am
Copy link
Hi, I’m seeing all the content on the main page floated to the right and nothing floated to the left. Are you wanting to alternate those or… ?

On the font colors, there are likely a number of CSS rules to set the colors for all the various elements of the page, can you be a bit more specific on which text you want to change?
pepitorenaud · Member · Mar 9, 2017 at 5:29 pm
Copy link
I found out how to change the color to black and changed the excerpts to the right side but I would like to alternate the side for some. Like the two last articles to the bottom of the page we could change them to the left side.

Also, I would like to keep the blur boxes behind the text only not as a column on the whole page and add a bigger blurred margin next to the text
thesacredpath · Member · Mar 11, 2017 at 9:09 pm
Copy link
If you narrow your browser window you will see that at about 1200px, your titles start to break within the words, and when you get down to phone size width, you will see that the content and titles are very narrow and nearly impossible to read. I stared to try and fix this, but there is a lot that I’m going to have to reverse in your custom CSS. I’ll work on this and then post the changes I think you should make to your custom CSS to keep things readable on all screens. Hopefully I can get back to you today or tomorrow on this.

On the float left for the last two posts, we will have to use the post id CSS classes, and if you then add additional posts, you will end up needing to make additional specific CSS rules for any posts you wish to move to the left. If you end up posting frequently, this will create a lot of CSS that could eventually show down you site loading.

One thought I have is to use images that work with the post data either on the left or right so that you do not have to shift things to fit with the images.
pepitorenaud · Member · Mar 12, 2017 at 4:20 am
Copy link
The titles issues on different size was my next point. I don’t know if it’s because I put my own CSS that cause that problem. If it is getting too complicated to alternate sides for excerpts, i’ll leave the idea. I just wanted to balance the texts in the main page. And what about setting the blur boxes behind text?
thesacredpath · Member · Mar 14, 2017 at 1:19 am
Copy link
On the translucent backgrounds for the post content on the main page, add some left and right padding
```
padding-left: 20px;
padding-right: 20px;
```
to your
.home .entry-inner,.archive .entry-inner,.blog.entry-inner
CSS rule and adjust it as you desire.
On the title text size, you could set some Media Queries to downsize the text as the window gets smaller. You could use some Media Queries to downsize the title font size on narrower screens.
This is just a guess. Different browsers render things differently, so there may be some instances where there will still be some breaking in certain browsers.
```
@media screen and (max-width: 1200px) {
	.home .entry-title {
		font-size: 2.5em;
	}
}
@media screen and (max-width: 768px) {
	.home .entry-title {
		font-size: 1.5em
	}
}
@media screen and (max-width: 600px) {
	.home .entry-title {
		font-size: 1.8em;
	}
}
@media screen and (max-width: 480px) {
	.home .entry-title {
		font-size: 1.5em;
	}
}
```
And, the max-widths may need to be adjusted. It was just a first pass on things.
pepitorenaud · Member · Mar 14, 2017 at 6:27 am
Copy link
Thank you very much! I think it works!
thesacredpath · Member · Mar 14, 2017 at 8:18 pm
Copy link
Hooray and you are welcome! Let us know if you have additional questions.

No items found.