-
Posts
-
Hi Team,
I have a post slider on the front page of my website, but there are a couple of modifications I would like to make please. I had a look at the documentation for the post slider, but I’m not too sure it had the specific code to make the changes I require.
My website is Peak Potential Adventures
The post slider is on the home page near the footer. Basically, I would like to remove the date from the bottom of the excerpt so that the last line is the read more line. And when I make the change in the options to include the title, it pulls through the H1 or H2 global heading size so that the title ends up huge, so just wondering how I target the size of the heading font as well as perhaps the colour as I may want to make the title burnt orange? I’ve left the title off at this stage given that it looks a bit silly at around 26px :)
Thanks in advance.
Warmest regards,
DarrenHey Darren,
Please try this in Quick CSS in order to remove the date:
.home .slide-meta { display:none; }We need to see the title in order to give you accurate CSS, could you activate it temporarily so that we can inspect it please?
Best regards,
RikardHi Rikard,
I have activated the title for you. Please just let me know ASAP as looks a bit silly haha
Cheers
DarrenHi Rikard,
So that the page didn’t look too silly for too long, I created a new page and took a snippet of the page how it looked with the title on the post slider. Also, that code didn’t seem to work in getting get rid of the post date?
This is the link to the example page Page Sample
Warmest regards,
DarrenHi Darren,
You have active caching/minification on the site, please clear that before checking the results. We need to inspect the actual element, so a screenshot won’t do unfortunately. Could you put the same element on a test page instead maybe?
Best regards,
RikardHi Rikard,
I’ve put the element on the test page and set it up with the title, excerpt. Also, I put the CSS code in to remove the date at the bottom and cleared all the cache including Cloudflare and turned off the performance in the theme and seems to not make any difference?
Cheers,
DarrenHi Rikard,
I turned the performance back on and this was the code I have in.
.home .slide-meta {
display:none;
}Hi Rikard,
That got rid of the date thank you :)
How did you go with the title size? any luck?
cheers
DarrenHi Darren,
What size do you mean? Could you please attach some screenshots of the issue?
Best regards,
VictoriaHi sorry for the delay Victoria,
This is the link below to the page I set up with the screenshot showing the massive title font size.
Screenshot example
I’d be happy to leave out the category tags as well, just have the title and the excerpt.
Warmest regards,
DarrenHi Darren,
Please try this CSS to change the font size of the headers:
.html_modern-blog .avia-content-slider .slide-entry-title { font-size: 1em !important; }Remember to clear the cache from your caching plugin before you check the results.
Best regards,
RikardThanks, Rikard, that worked great.
It’s a couple of small changes to that section, but just wondering how I could remove the tags and bold the title and that would look perfect as a news slider
I now have that adjusted page live on the website that you can see it. I think it would look a bit cleaner without the category tags that clutter it a bit and the title bolded. Sorry to be a pain, but getting to the end of the fine-tuning on the home page now.
Peak Potential Adventures home page.
Warmest regards,
DarrenHi darrenwise,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
.blog-categories.minor-meta, .html_modern-blog #top .post-entry .blog-categories { display: none; }If you need further assistance please let us know.
Best regards,
VictoriaPerfect Victoria… thank you so much.
One last thing, how would I make the title bold?
Again this is the link and the blog slider element for the latest news is at the bottom. I think bold would just finish it off.
Peak Potential Adventures home page
Sometimes when I bold things though the text goes burnt orange as I have that set in the general styling for stong, so would like to keep it the same blue but bold please,
Warmest regards,
DarrenHi Darren,
Please try replacing the last CSS I sent you with this:
.html_modern-blog .avia-content-slider .slide-entry-title { font-size: 1em !important; font-weight:600; }Best regards,
RikardHi Rikard,
I made the change to the code but didn’t seem to make a difference to the font-weight? A bit bizarre as it seemed an obvious and small change to the font styling. I cleared the cache etc. I’ve left the code in with the font-weight at 600, so have a look at your end.
Warmest regards,
DarrenSo I have this code in:
.html_modern-blog .avia-content-slider .slide-entry-title {
font-size: 1em !important;
font-weight:600;
}Hi Darren,
Please try this instead:
.html_modern-blog .avia-content-slider .slide-entry-title { font-size: 1em !important; font-weight:600 !important; }It’s being overridden by other code.
Best regards,
RikardHi Rikard,
That’s perfect, thank you so much for your brilliant support.
You can close this ticket.
Warmest regards,
Darren
- The topic ‘Removing Date and Adjusting Title Size & Colour Post Slider’ is closed to new replies.