?

Log in

No account? Create an account
S2 Smooth Sailing Support
Ask and thou shall receive help
Header security icons and hyphens 
12th-Sep-2014 11:19 pm
I don't know if I came to a correct place to ask my question, but still. I'm extremely unhappy with the lock/eye icons in the title of Smooth Sailing posts. I'm not a paid user and have no rights to edit theme layers, but can apply custom css to it. All used to be okay for many years, but in May 2014 lock icons suddenly got out of control and started appearing above the entry title. I thought a bit and created a workaround by setting .entryHolder > img to float:left and making slight changes to lock image margins. It looked okay in the main page view (and I believe it was also the case for single entry view but am not sure). Then I found that single entry view still looks ugly and security icons appear above the entry header again because there is a hyphen right before the icon:

<div class="entryHolder" lj-screenable="social:widgets:parse">
    -
    <img src="http://l-stat.livejournal.net/img/icon_protected.gif?v=7017" alt="[protected post]" title="[protected post]" height="15" width="14">
    <div class="entryHeader">...</div>
    <table width="100%" cellspacing="0" border="0">...</table>
</div>



This hyphen is not a member of any container except the topmost .entryHolder and I can't think of css that will either hide this hyphen or make it show inline. There's no hyphen before the security icons in the main page view, so it looks okay. I don't mind the hyphen itself, but won't it be at least common sense for the author to wrap it into a <span class="hyphen"> or something so that people like me could style it separately? Can I possibly request that hyphen be wrapped into some container?
Comments 
15th-Jan-2015 12:00 pm (UTC)
Hi!

You might wanna try this solution (if you haven't fixed it already):
http://spire.livejournal.com/37987.html
18th-Jan-2015 02:23 am (UTC)
Thanks for the hint! I tried to do the same trick using display:hidden on the parent container and display:visible on all of its children, but it somehow didn't work out nicely. Font-size:0px is much better.
19th-Jan-2015 06:32 am (UTC)
You're welcome. I was actually looking for a solution for that myself and saw your post. When I found it, I thought I would let you know to help out. xD
This page was loaded Aug 17th 2019, 11:08 pm GMT.