Hi
I have tried the following code in the Quick CSS:
.template-blog .post-title {
font-size: 12px;
font-color: black;
padding: 5px;
max-width: 800px;
margin:-20 auto;
}
.template-blog p {
font-size: 12px;
line-height: 1em;
color: #ffffff;
font-weight: normal;
or this
#top .fullsize .template-blog .post-title {
text-align: center;
font-size: 30px;
font-color: black;
padding: 15px 0;
max-width: 800px;
margin: 0 auto;
}
The font size changes but nothing changes on the Title. My goal is to place the blog using the blog post in the advance editor and place it in the small orange left box on the home page of https://wafw.org
I need to shrink everything down to look right in this small area. What CSS code should I place in the Quick CSS section?
Thanks for any help you can offer.
Ron
Hey Ron!
Can you please firstly create a test page and then post the link of it so we can see how it will look then we can provide you accurate custom CSS code :)
Best regards,
Yigit
Hey Yigit,
I created this test page https://wafw.org/test-page-for-tech-support/
I hope this is what you are asking for. I need to format the text for the blog posts and then i will get ride of the ul above.
Thanks for the help,
Ron
Hi!
Please turn on custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and then edit your blog element and give it custom CSS class and then add following code to Quick CSS
.your-custom-class h2.post-title.entry-title {
color: black!important;
font-size: 18px!important;
}
.your-custom-class .post-meta-infos, .your-custom-class .entry-content, .your-custom-class h2.post-title.entry-title {
text-align: center !important;
}
Regards,
Yigit