Billy1996 Posted January 22, 2021 Share Posted January 22, 2021 Site URL: https://giraffe-fife-xnsh.squarespace.com/work Hi there, I am trying to create two lines of text hover overlay on the portfolio grid but cannot seem to differentiate. I have tried using the coding suggested and editing the section id but nothing is working. Would love some assistance! Link to comment
tuanphan Posted January 23, 2021 Share Posted January 23, 2021 Hi. What is access password? 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
deaton72 Posted February 2, 2021 Share Posted February 2, 2021 Using the description box add a <span> and then use CSS to style the span. Title <span> about</span> with CSS will look like " Title About Link to comment
EllieWS Posted November 26, 2021 Share Posted November 26, 2021 Hi, I have the same problem! I went to the site URL and it looks like you've solved your issue. Could you share the CSS so that I can do the same for my website? I have a title and a description that I want on the next line. Just like yours, I have multiple image blocks and each one has a title and description. Thank you. Site URL: https://www.elliewinter.com/ Link to comment
Solution tuanphan Posted November 27, 2021 Solution Share Posted November 27, 2021 On 11/26/2021 at 8:36 AM, EllieWS said: Hi, I have the same problem! I went to the site URL and it looks like you've solved your issue. Could you share the CSS so that I can do the same for my website? I have a title and a description that I want on the next line. Just like yours, I have multiple image blocks and each one has a title and description. Thank you. Site URL: https://www.elliewinter.com/ He change title to this format (wrap second line in span tag) Quote Gigamon Hawk: <span>Art Direction / Brand Identity / Website / Banner Ads</span> then add this to Design > Custom CSS h3.portfolio-title span { display: block; font-size: 12px; } 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
broadcreatives Posted January 4 Share Posted January 4 @tuanphan I've successfully implemented your code to get two lines of text on my new website's portfolio page thumbnails, see here: https://www.foranconcepts.com/branding (Thank you!) However, then when you click on any one of those project's, the page title in the browser tab shows the full text without a break. Is it possible to control the actual page titles in this instance? Example here (if on desktop, hover over the tab in your web browser): https://www.foranconcepts.com/branding/mpf Link to comment
tuanphan Posted January 7 Share Posted January 7 On 1/5/2023 at 4:29 AM, broadcreatives said: @tuanphan I've successfully implemented your code to get two lines of text on my new website's portfolio page thumbnails, see here: https://www.foranconcepts.com/branding (Thank you!) However, then when you click on any one of those project's, the page title in the browser tab shows the full text without a break. Is it possible to control the actual page titles in this instance? Example here (if on desktop, hover over the tab in your web browser): https://www.foranconcepts.com/branding/mpf Not possible. If you need, we can use new code to add second text and this text will appear on List page (/branding) only, it won't appear on portfolio detail page (/branding/mpf) What do you think? 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
broadcreatives Posted January 9 Share Posted January 9 On 1/7/2023 at 9:41 AM, tuanphan said: Not possible. If you need, we can use new code to add second text and this text will appear on List page (/branding) only, it won't appear on portfolio detail page (/branding/mpf) What do you think? @tuanphan That would be great. Appreciate the help! Link to comment
5018 Posted March 25 Share Posted March 25 Just following up on this, @tuanphan any idea how to remove the second line of text from the pagination at bottom of page? As you can see in second image, the <span> is included in the title in pagination... Thanks! Link to comment
tuanphan Posted March 29 Share Posted March 29 On 3/25/2023 at 9:08 PM, 5018 said: Just following up on this, @tuanphan any idea how to remove the second line of text from the pagination at bottom of page? As you can see in second image, the <span> is included in the title in pagination... Thanks! Can you share link to a page? We can check easier 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
dfesenmyer Posted November 30 Share Posted November 30 Was there any solution to adding the second line to the portfolio title hover without it listing in the browser page title and pagination at the bottom? Link to comment
tuanphan Posted December 1 Share Posted December 1 15 hours ago, dfesenmyer said: Was there any solution to adding the second line to the portfolio title hover without it listing in the browser page title and pagination at the bottom? We can use CSS pseudo to do this. See #2 code 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment