ChristopherSwan Posted September 26, 2022 Share Posted September 26, 2022 Site URL: https://christopherswan.co.uk Hi, I would like to add a short page description to the top of the index pages on my site to describe what is shown in the index below. This would be used on the following pages. https://christopherswan.co.uk/portfolio https://christopherswan.co.uk/projects https://christopherswan.co.uk/places Is there code that can do this? Thank you! Link to comment
tuanphan Posted September 27, 2022 Share Posted September 27, 2022 Add to Design > Custom CSS body#collection-5eca63ae29359c0004f2a323 div#projectThumbs:before { content: "This is porfolio page"; display: block; text-align: center; } body#collection-5eca76a8e3d0ce7bf2dbf117 div#projectThumbs:before { content: "This is project page"; display: block; text-align: center; } body#collection-5eca921dbb99ad6e8659fb1d div#projectThumbs:before { content: "This is place page"; display: block; text-align: center; } 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
ChristopherSwan Posted September 28, 2022 Author Share Posted September 28, 2022 Thank you so much Tuanphan. Would it be possible to add one line space below the text so that it doesn't sit directly above the index images? Link to comment
Solution tuanphan Posted September 30, 2022 Solution Share Posted September 30, 2022 On 9/28/2022 at 6:35 PM, ChristopherSwan said: Thank you so much Tuanphan. Would it be possible to add one line space below the text so that it doesn't sit directly above the index images? You can add margin value body#collection-5eca63ae29359c0004f2a323 div#projectThumbs:before { content: "This is porfolio page"; display: block; text-align: center; margin-bottom: 20px; } body#collection-5eca76a8e3d0ce7bf2dbf117 div#projectThumbs:before { content: "This is project page"; display: block; text-align: center; margin-bottom: 20px; } body#collection-5eca921dbb99ad6e8659fb1d div#projectThumbs:before { content: "This is place page"; display: block; text-align: center; margin-bottom: 20px; } 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
ChristopherSwan Posted September 30, 2022 Author Share Posted September 30, 2022 Thank you - that's perfect! 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