Hi,
I have a custom style blog page. I found some CSS code from a previous thread to frame the featured image and create a white background box for each post on the blog page.
I would like to make the following changes:
1. Title/excerpt moved up to be positioned in line with top of image.
2. Title/excerpt moved 20px to the right to leave a space between image and text
3. Can the background box height be the larger of the image height or the title/excerpt text (so each post has a framed background box around image and text)
I have also put an archive widget into right sidebar. When I click on a previous month, I want this to show:
1. Blog posts for that month in same format as above
2. Archive widget in right sidebar
So the formatting looks similar on the blog page and any monthly archive page.
Any help would be greatly appreciated, thanks!
Hey Rob,
I added following code to bottom of Quick CSS field in Enfold theme options > General Styling tab
.avia-content-slider .slide-entry-wrap {
background: white;
padding: 10px 10px 0 10px;
}
.html_elegant-blog .avia-content-slider .slide-entry-title {
padding-top: 0;
}
.archive .slide-entry {
width: 100%;
margin-left: 0;
background-color: white;
margin-bottom: 40px;
padding: 10px 10px 0 10px;
}
Then I went to Enfold theme options > Sidebar Settings and enabled right sidebar on “Sidebar on Archive Pages”. Then changed archive layout by referring to this post – https://kriesi.at/documentation/enfold/blog-post/#toggle-id-8
Please review your website :)
Best regards,
Yigit
Hi Yigit,
That looks amazing – thanks very much!
10/10 your support is excellent
Regards, Rob