
-
AuthorPosts
-
January 19, 2022 at 11:08 pm #1336274
I want to make the following customizations in the single blog template (Elegant):
– Title: Font normal (not bold)
– Line under the title: green (not gray)
– Image: Image style no border radius
Thanks for the help.January 20, 2022 at 5:43 am #1336295Hey tanjatheiler,
The title is not bold, so I’m not sure what exactly you are looking to change? Please try this in Quick CSS for the other two points:
.html_elegant-blog .single-post .av-vertical-delimiter { border-color: green; } .html_elegant-blog .single-post .big-preview img { border-radius: 0; }
Best regards,
RikardJanuary 20, 2022 at 9:02 am #1336312Hello Rikard
You’re right. The title is not bold. But fatter than «normal». I think I should be able to change the setting from «default» to «normal».
Can you give me the CSS?
Best regards.January 20, 2022 at 11:27 am #1336325Hi,
Please try this CSS as well:
.html_elegant-blog .single-post h2.post-title a { font-weight: 500; }
Best regards,
RikardJanuary 20, 2022 at 12:31 pm #1336338Sorry Rikard, but it doesn’t work.
I copied the code into the Quick CSS on General Styling (see Screenshot). All three options are not adjusted.
I’ve also done a hard refresh on the Webpage.
Thanks for help.January 20, 2022 at 12:43 pm #1336345Now I see: it works when I click on the blog. However, not in the overview (Beiträge) and on the home page.
January 20, 2022 at 12:48 pm #1336349Hi,
The CSS I gave you will only apply on single posts, if you want it to apply globally, then you can edit the h2 element under Enfold->Advanced Styling.
Best regards,
RikardJanuary 20, 2022 at 10:35 pm #1336441Hi Rikard, thank you for your patience
I assumed that the single blog settings in the post slider would also be adopted.
Now I also need the following settings:
– Line under the blog title: green (instead of gray)
– Image Style no border radius
Everything must also be visible in the post slider and on the post page.
Kind regards.January 21, 2022 at 7:31 am #1336483Hi,
Thanks for the update. Please try this CSS as well:
.avia-content-slider .slide-image img { border-radius: 0; } .html_elegant-blog .avia-content-slider .av-vertical-delimiter { border-color: green; }
Best regards,
RikardJanuary 24, 2022 at 5:13 pm #1336925Hi,
Unfortunately, after pasting the code in the Quick CSS, the corners are still rounded. See page Home and Posts.
Best regards,
TanjaJanuary 25, 2022 at 4:29 am #1336965 -
AuthorPosts
- You must be logged in to reply to this topic.