Jahhhd Posted June 29, 2020 Share Posted June 29, 2020 (edited) Site URL: https://www.therationalonline.com/reading/netflix-tiger-king-exploits-wild-animals-entertainment Is it possible to move the first line of article text, in my case subtitle, next to the Title via CSS so it's scalable across all posts? The post title element is entry-title. Note: Adding the text directly to the Title is not an option unfortunately. That's how I have it now but it's causing issues so I need to make a change. Thanks! Edited July 1, 2020 by Jahhhd updated link Link to comment
tuanphan Posted June 30, 2020 Share Posted June 30, 2020 Hi. I see you solved the problem? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Jahhhd Posted June 30, 2020 Author Share Posted June 30, 2020 5 hours ago, tuanphan said: Hi. I see you solved the problem? Unfortunately not. So currently on my site I have the title (in bold) and subtitle together in the automated Title Block, but that causes issues on AMP pages (screenshot also below showing the <strong> tags are showing) and that's what I need to change. My solution is as follows; I want to put the subtitle in its own text block and then remove the space via CSS. Then I'll be able to bold the Title Block via CSS and those two pieces together will achieve the same look without the error. Thanks! Link to comment
Jahhhd Posted July 6, 2020 Author Share Posted July 6, 2020 Hey @tuanphan, can you take another look at this when you have a moment? 🙏 Link to comment
Jahhhd Posted July 10, 2020 Author Share Posted July 10, 2020 Adding a request to this thread for a possible alternative solution, if anyone out there can advise. Instead of moving the subtitle next to the title (which may be a little more difficult) is it possible to just make the gap between the title and subtitle smaller? I know I can shrink the bottom margin (by px, em, or a %) but since the page is responsive, depending on the width sometimes there is an overlap (displayed in the attached screenshots). Is there any way to prevent an overlap between the elements? 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