Hello guys, I'm trying to limit number of characters in a text using CSS, but I'm having some problems trying to do in a hyperlink text. Whats wrong with my code? https://jsfiddle.net/0ehtchsh/3/ The text inside "p" tag is working fine. But the text inside "a" tag is not working. Can someone please help me? Thanks!
Hi @Divvy You need to add the following code to css class: .maddos-link display:inline-block; Code (markup): -- G r e e n h o r n j a m i e
Hey Jamie, Thank you very much for tying to help me. I tried your code and worked perfectly, but unfortunately together with my site code, causes some issues. Can you please test here? https://jsfiddle.net/0ehtchsh/4/ Change change from: #display:inline-block; Code (markup): To: display:inline-block; Code (markup): And click "Run" to see what happens... Any way to limit only the text length without break that line? Thanks once again
Hi @Divvy Is this how you want it? jsfiddle.net/0ehtchsh/7/ -- G r e e n h o r n j a m i e At your service!
Hey Jamie, Thank you once again and for cleaning my code too Worked perfectly, just one little issue in .maddos-link .txt0 with: overflow: hidden; Code (markup): With this code, the text line doesn't appear in same place. Any idea how to fix this? Before: After:
Piece of cake. Add float:left; to the following class .maddos-link .txt0 {} Here's another updated fiddle for you jsfiddle.net/0ehtchsh/8/ -- G r e e n h o r n j a m i e
I dont know how to tank you for your patience Your code seems good to me, but for some reason, in my website is showing like this: The icon that was showing before the title, now appears after the title. Updated: http://jsfiddle.net/0ehtchsh/9/ Probably is better to see directly in the website to find the issue. Please check your PM inbox, I have sent you the website URL. I hope you can help me. Thank you!!
I can't view this list on your website because it's prompting me to download the content. I don't download content from unknown sites. -- G r e e n h o r n j a m i e
You can use the list-style-image property to do custom li markers. More details available at w3schools: w3schools.com/cssref/pr_list-style-image.asp Updated fiddle: jsfiddle.net/0ehtchsh/10/ -- G r e e n h o r n j a m i e
What? That's weird... the website is perfectly clean... I created him a few days and I don't have any code to make that prompt. Are you sure it was from my website? There is nothing about that in my source code.
Well the code was kind of messy. Maybe you accidentally concocted this prompt without even knowing it. -- G r e e n h o r n j a m i e Here for the long haul or until I make it to Active Member status
Thank you Jamie, It seems that is related with WP Super Cache plugin: https://wordpress.org/support/topic/site-visitors-getting-downloadgz-instead-of-the-site/ I have found this in my website footer code source: <!-- Compression = gzip --><div id="window-resizer-tooltip" style="display: none;"><a href="#" title="Edit settings"></a><span class="tooltipTitle">Window size: </span><span class="tooltipWidth" id="winWidth">1920</span> x <span class="tooltipHeight" id="winHeight">1040</span><br><span class="tooltipTitle">Viewport size: </span><span class="tooltipWidth" id="vpWidth">1920</span> x <span class="tooltipHeight" id="vpHeight">604</span></div></body></html> Code (markup): Meanwhile I deactivated the plugin and it seems that fixed the problem. Thank you for the warning my friend.
Yeah, I agree with you. But DP staff aren't sleeping Anyway... Maybe if I give the URL, is more easy for someone to help me: http://thebtcdude.com Code (markup): With current code, is showing like this: And I need to show like this: Any ideas?