Remove single dash (-) in black space on all k2 items

Hello,
This has been bugging me for a while.
There is a random '-' that appears before K2 items and adds a single line of unused space that appears to be pulling form joomla.css.334

Code: Select all

.itemImageBlock + .itemBody:before, header + .itemBody:before {
content: "-";
position: absolute;
top: -24px;
}

How can I turn this off in the override.css please?

Kind regards
Drew

HI,
maybe use empty

Code: Select all

content: " ";

instead.

So whole code :
(to remove '-')

Code: Select all

.itemImageBlock + .itemBody:before, header + .itemBody:before { content:""; }

or (to hide whole element)

Code: Select all

.itemImageBlock + .itemBody:before, header + .itemBody:before {display:none; }

or (to leave small space instead '-' )

Code: Select all

.itemImageBlock + .itemBody:before, header + .itemBody:before { content:'\0020'; }

depends if you need small space between elements.
Check both.

I suggest also to reduce space between article title and content using this:

Code: Select all

article header { margin: 0 0 20px;}

Thanks, perfect combination

Code: Select all

.itemImageBlock + .itemBody:before, header + .itemBody:before { content:""; }

and

Code: Select all

article header { margin: 0 0 20px;}

appreciate your help.
kind regards
Drew

Hi Florence, in reference to your question send via PM, try this:

Code: Select all

.big-nav .nspImageWrapper + .nspHeader:before {
    display: none;
}

and to reduce space also this:

Code: Select all

.big-nav .nspImageWrapper + .nspHeader {
    padding-top: 10px;
}

You're a star! many thanks! It's working now.
best regards
florencea<

Hi Oscar,
Following on from this thread, now the same fix is needed for News Show Pro displayed k2 items.

I am using the News Show Pro module and want to remove the '-' dash that appears before the name of the k2 item that is displayed with its thumbnail.

This '-' dash was fixed elsewhere using your fix in the thread, thank you, but it doesn't yet fix the New Show Pro display.http://bit.ly/news-show-pro
Can you give me an update please?
Kind regards
Drew

Sure

Code: Select all

.big-nav .nspImageWrapper + .nspHeader::before {display:none;}

or just

Code: Select all

.big-nav .nspImageWrapper + .nspHeader::before {content:"";}

But what is more important under FF contrast of those titles under images is very low , it's very hard to read it.
Maybe use:

Code: Select all

 #my-works {
    background: #e47d3c;
}

to get this

And do not forget also to use PNG 24bit for logo "DB" without this white border which looks ugly.

And
Footer menu:
Sitemap | Terms of Use| Login | Blogg - upss double "b"

Perfect - That fixed the '-'.
(And its the low bit depth of the png that made it look crappy - its the simple stuff that always throws me )
Thats for the attention to detail.
Kind regards
Drew

No problem,
BTW I saw that you didn't add your footer "Designed by ...." it's quite easy to add it, even in that template.

Hi Oscar,
Thanks for the tip about the 'designed by' - I missed that too haha - all feedback warmly welcomed.
I've just loaded a 24bit png front page logo and it looks better too - I wondered what to do with that problem.

kind regards
Drew