-
AuthorPosts
-
June 30, 2021 at 10:35 pm #1308209
Hello,
I’ve recently set up a blog page and some blog posts on our site in the link below. For some reason, Even though I’ve checked the options to display the “Blog Post Date” and ” Blog Post Category” in my Blog meta elements, they still haven’t ended up displaying in my blog page when I use the “Modern Business” Blog Styling with the “Grid Layout” Blog Layout. Is there something thats overriding these from displaying?
Also, I was wondering if it’s possible to change the weight and font of the blog post title text in the blog post page?
Thanks!
Joe
July 1, 2021 at 7:49 pm #1308395Hello,
I tried using the advanced layout editor to modify the blog layout in the page with the grid layout. However, I don’t see any options in the “define blog grid layout” to add the date, categories, or comments – only selections are title, excerpt, and read more link (except there are not excerpts displayed even when this is chosen).
The link to the default blog below shows a webpage that has the grid layout with the blog post Title, category, excerpt, comment and date there. Why am I not able to select this either in the enfold theme options > blog layout or the page specific advanced layout builder with the blog post?
Please let me know,
Joe
July 2, 2021 at 4:38 am #1308443Hi Joe,
Thanks for the login token. I’m not sure exactly what you have done with the blog page, since it doesn’t exist anymore. If you are doing your setting under Enfold->Blog Layout, then those settings will only apply to the page which you have select to show your blog on in the theme options. If you have created the blog page yourself, with an element from the Layout Builder, then you can set the layout in the element options.
Best regards,
RikardJuly 2, 2021 at 4:51 am #1308449Hi Rikard,
The url changed after I renamed the page. Please see the updated link below to the blog page. In neither the Enfold>Blog Layout nor the blog page layout builder is there somewhere I can select the option to display either the date or the comments or the category. I’ve tried modifying both and I can’t display anything beside the title and read more button.
Please let me know if theres anything I can do.
Best,
Joe
July 4, 2021 at 6:19 pm #1308659Hi,
Thank you for your patience, and for the login, the date & categories are not showing because the font color is the same as the background color, white.
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:#top #main .slide-meta, #top #main .minor-meta, #top #main .minor-meta a { color: #000; }
After applying the css, please clear your browser cache and check.
Best regards,
MikeJuly 6, 2021 at 5:58 pm #1308965Thanks for the information Mike, this worked great!
One other question about the blog post sub text – can you tell me the CSS selector for the “read more >” linked text below each of the blog posts? Im trying to tighten the spacing of the text there.
Best,
Joe
July 6, 2021 at 6:01 pm #1308966Also, one other thing but the text “excerpt” still isn’t showing up below the blog posts.
July 6, 2021 at 6:50 pm #1308968Hello,
I’m also looking at the blog post “category” pages like the one linked below. Is there a way for me to style the text / labels on these and set the size of the thumbnail image?
Thanks again,
Joe
July 7, 2021 at 12:36 pm #1309089Hi,
Glad this helped, the read more sector is.read-more-link
yours are currently using this css:.html_elegant-blog .avia-content-slider .read-more-link { top: 18px; padding-bottom: 10px; }
try adjusting the top to tighten up.
For the post excerpts, it looks like you are using the Advanced Layout Builder for your posts, so you will need to manually add your excerpts, to do so you may need to enable the Excerpt Option in the Screen Options which will give you a text area below your post area.
For your category pages you can make adjustments with css, but you can also change the layout with this function:add_filter('avf_blog_style','avia_change_category_blog_layout', 10, 2); function avia_change_category_blog_layout($layout, $context){ if($context == 'archive') $layout = 'single-small'; return $layout; }
please note this line: $layout = ‘single-small’; this will give you the single-small layout, you can try these different layouts:
single-small
single-big
blog-grid
bloglist-excerpt
This overrides the theme blog layouts from the options page only for the archive pages, typically you would choose a Blog Styling layout such as Modern Business, Elegant, or Default (Business) and it would also apply to your archive pages, but some people like to use something different.Best regards,
MikeJuly 7, 2021 at 8:42 pm #1309156Hi Mike,
Thanks again for the help, the changes seem to be working well! I’ve decided that I want to style the blog post “category” pages in css instead of applying a layout template directly to them. I’ve been trying to modify the date, excerpt and author text underneath the blog title, but I cant seem to get the right css selectors in this case either. I’ve tried inserting the following code into the quick css to target the date text, but doesn’t seem like its working.
.html_elegant-blog #top.archive.category .post-entry .blog-categories.slide-meta { left: 20px !important; }
I was also hoping to hide the “author text” as well as the “excerpt text” if possible.
Best,
Joe
July 8, 2021 at 11:48 am #1309243Hi,
To target the date text you could use .date-container but the text is already as far left as possible so I’m not sure what you are trying to achieve. This css with change the date red to show an example of the target selector:#top.archive.category #main .post-entry .date-container { color: red; }
To hide the author text:
#top.archive.category #main .post-entry .blog-author { display: none; }
I don’t see an excerpt to hide so I don’t know if you also want the read-more to be hidden, but you can try this:
#top.archive.category #main .post-entry .entry-content { display: none; }
Best regards,
Mike -
AuthorPosts
- You must be logged in to reply to this topic.