-
Posts
-
When I edit blogs using the Avia Layout Builder, the style of the single blog post display is significantly different from other posts. I manage this by manually inserting the featured image into the body of the blog, etc. However, I don’t see where the style is for the Title of the blog post. I’d like to modify the style so it more closely matches the <h1 class=”post-title entry-title” itemprop=”headline”> style that is set via the Theme Options tab. It looks like the Avia Layout Builder uses the style, <h1 class=”main-title entry-title”>, for Blog headings. Where is that style defined?
Hey kphillips22,
Can you send us 2 different blog posts and we will help you match the design.
Best regards,
BasilisSure!
Default Editor:
Avia Layout Builder:
The H1 Settings in the Enfold Child Theme Options panels are:
Font Color: #00833d
Font Size: 24px
Line Height: Default
Default Font Family & Font Weight
Text Transform: None
All the “Apply to Section” checkboxes are checkedMy challenge is that the two editors wind up creating blog posts where the title of the blog post is displayed very differently. In the post titled “In the Midwest, Driverless Vehicle Proving Grounds are Revving into High Gear” the title font is big, widely spaced, and gray. This was formatted using the Avia Layout Builder
In the post titled “First Public Works Registered Apprenticeship in the Country Continues to Deliver ROI” the title of the blog shows up under the featured image, is bold, smaller, and green. This was formatted using the Default Editor. The same field (for the Blog Title) is being displayed differently in the single blog layout depending on which editor was used to create the blog post.
The blog posts created with the Avia Layout Builder are displayed with the title getting the style, <h1 class=”main-title entry-title”>. This style does not seem to be affected by the settings in the Enfold Child Theme Options panel. I’d like to know where this is edited so I can make it more closely match the <H1> style used by the default editor (<h1 class=”post-title entry-title” itemprop=”headline”>).
Hi kphillips22,
The two builders server their own purpose, if you need the posts to look the same use the Default editor, and if you need to use elements from the Advanced Layout Builder you can use the Magic wand tool https://cl.ly/0B3X2y0i0V2r/o
If you need further assistance please let us know.
Best regards,
VictoriaThe blog posts created with the Avia Layout Builder are displayed with the title getting the style, <h1 class=”main-title entry-title”>. This style does not seem to be affected by the settings in the Enfold Child Theme Options panel. I’d like to know where this is edited so I can make it more closely match the <H1> style used by the default editor.
Hi kphillips22,
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
#top .alternate_color.title_container h1.main-title.entry-title a { color: #00833d; font-size: 24px; text-transform: none; font-weight: bold; }If you need further assistance please let us know.
Best regards,
Victoria
- You must be logged in to reply to this topic.