hiddensouth Posted October 26, 2020 Share Posted October 26, 2020 Site URL: http://hiddensouth.com/journal I'm trying to do something that seems like it would be very simple. I'd like to have a paragraph of text that appears before the individual posts on my blog landing page. I believe that some templates insert the description that you write in the settings at the top of the page. Unfortunately it looks like the Tudor template doesn't do that. Is there possibly code that I can inject in the header that will accomplish this? Link to comment
tuanphan Posted October 27, 2020 Share Posted October 27, 2020 same text for all posts? or? also do you use Personal Plan or higher? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
hiddensouth Posted October 27, 2020 Author Share Posted October 27, 2020 I only want the text to appear on the main blog page not the individual post pages. I simply want a paragraph of text describing what the blog is. I have a basic commerce plan. Link to comment
tuanphan Posted October 28, 2020 Share Posted October 28, 2020 Add to Journal Page Settings > Advanced > Header <style> div#blogList:before { content: "tuanphan tuan"; display: block; text-align: center; margin-bottom: 20px; } </style> hiddensouth 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
hiddensouth Posted November 4, 2020 Author Share Posted November 4, 2020 Th did the trick. Thanks! Link to comment
tuanphan Posted November 5, 2020 Share Posted November 5, 2020 On 11/4/2020 at 7:40 PM, hiddensouth said: Th did the trick. Thanks! I see header seems big on scroll. You can add this to Home > Design > Custom CSS to resize header logo on scroll. /* resize header logo on scroll */ .logo-image img { transition: all 0.5s; } .header-tucked .logo-image img { max-height: 60px; } This page http://www.thehiddensouth.com/thehiddensouth has long content on mobile, you can consider adding a back to top button. I think on forum, you will see some code to do this. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
tracey Posted July 29, 2021 Share Posted July 29, 2021 I'm wanting to do the same thing using the OM template but this code doesn't seem to work for me. Any tips? Link to comment
tuanphan Posted August 1, 2021 Share Posted August 1, 2021 On 7/30/2021 at 2:06 AM, tracey said: I'm wanting to do the same thing using the OM template but this code doesn't seem to work for me. Any tips? Hi. Can you share link to blog landing page on your site? We can help easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
claudiatinn Posted February 16, 2022 Share Posted February 16, 2022 On 10/27/2020 at 3:09 AM, tuanphan said: same text for all posts? or? also do you use Personal Plan or higher? Hello, can you help with making the same text appear for all blog posts please? Link to comment
tuanphan Posted February 21, 2022 Share Posted February 21, 2022 On 2/16/2022 at 6:55 PM, claudiatinn said: Hello, can you help with making the same text appear for all blog posts please? Just add to Design > Custom CSS div#blogList:before { content: "tuanphan tuan"; display: block; text-align: center; margin-bottom: 20px; } claudiatinn 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
funzzypants Posted June 28, 2023 Share Posted June 28, 2023 Hello! I have tried out this code and it works great but when I use the masonry alignment of blog posts the images cover the text. Is there a way to have my text above the images in the masonry grid alignment? I would prefer to have my images organized with the masonry option if possible. This is the page: https://www.technicolordino.com/work Link to comment
tuanphan Posted June 28, 2023 Share Posted June 28, 2023 50 minutes ago, funzzypants said: Hello! I have tried out this code and it works great but when I use the masonry alignment of blog posts the images cover the text. Is there a way to have my text above the images in the masonry grid alignment? I would prefer to have my images organized with the masonry option if possible. This is the page: https://www.technicolordino.com/work It is fine to me Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
funzzypants Posted June 28, 2023 Share Posted June 28, 2023 It's fine when I have the images arranged with the "Baseline arrangement" but when I choose the "Masonry arrangement" the text hides behind the images as shown in the image below. I have tried adjusting everything I can thus far and it remains the same with the "Masonry arrangement." Link to comment
tuanphan Posted June 30, 2023 Share Posted June 30, 2023 On 6/29/2023 at 12:44 AM, funzzypants said: It's fine when I have the images arranged with the "Baseline arrangement" but when I choose the "Masonry arrangement" the text hides behind the images as shown in the image below. I have tried adjusting everything I can thus far and it remains the same with the "Masonry arrangement." You can choose Masonry first, then we can check easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
funzzypants Posted July 7, 2023 Share Posted July 7, 2023 I've saved the Masonry setting. Thank you for the help! Nick Link to comment
tuanphan Posted July 9, 2023 Share Posted July 9, 2023 On 7/8/2023 at 4:48 AM, funzzypants said: I've saved the Masonry setting. Thank you for the help! Nick Try this new code div#blogList:Before { content: "This journal demonstrates the various projects I have been working on. Click each images to see more."; display: block; text-align: center; margin-bottom: 70px; position: relative; top: -50px; } .tweak-blog-list-max-width-narrow .blog-list { margin-top: 100px !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
funzzypants Posted July 10, 2023 Share Posted July 10, 2023 Sorry, but it doesn't seem to have worked unless I am entering the code wrong on my end. Link to comment
tuanphan Posted July 14, 2023 Share Posted July 14, 2023 On 7/10/2023 at 10:57 AM, funzzypants said: Sorry, but it doesn't seem to have worked unless I am entering the code wrong on my end. I see you added code to Page Header or Code Injection But the code should be at Design > Custom CSS Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
funzzypants Posted July 15, 2023 Share Posted July 15, 2023 Ah! Thanks for the help. Looks all good now Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment