line between articles

Joomla template for easily build sports magazine website with advanced content display features and clean, unique design.
GK User
Thu Oct 18, 2012 10:51 am
Hi,

I would like between articles to put one line. How can i do this?

Please check the screenshot. (I put the line on photoshop)
User avatar
Gold Boarder

GK User
Thu Oct 18, 2012 12:47 pm
Hi

Please go to template parameters > advanced features and enable the use of css override.

Them open .../gk_sporter/css/override.css file and add this line:

Code: Select all
.nsp.line .nspArt {border-bottom: 1px solid #e9e9e9; margin-bottom: 10px}


Now on each NSP module that you want to display the border, add "[space]line" suffix.
For example: "[space]nsp[space]line"

Cheers ;)
User avatar
Platinum Boarder

GK User
Thu Oct 18, 2012 1:59 pm
Hi,

It doesn't work! :(
User avatar
Gold Boarder

GK User
Thu Oct 18, 2012 5:53 pm
Yes it does work ;)
Except if you are using NSP GK4 version for responsive templates.
Please show me your website

PM
ok i see you message.
I get back to u
User avatar
Platinum Boarder

GK User
Thu Oct 18, 2012 6:21 pm
Ok, i ll be waitting!
User avatar
Gold Boarder

GK User
Thu Oct 18, 2012 7:15 pm
I'm sorry but i don't see your PM

Please send me to paulo[at]gavick[dot]com
User avatar
Platinum Boarder

GK User
Fri Oct 19, 2012 7:41 am
I send you an email!
User avatar
Gold Boarder

GK User
Fri Oct 19, 2012 10:31 am
As you can see it does work ;)
screenshot.jpg


If you add this code on ../css/override.css (don't forget to enable on template parameters), you aren't seeing the change because you have css compression activated. Disable this option, save and enable again.

Cheers
User avatar
Platinum Boarder

GK User
Fri Oct 19, 2012 12:11 pm
Yes!!! Now it play!
I want so to remove the last line (view the sceenshot) and to put the same lines at the second column (view screenshot)
User avatar
Gold Boarder

GK User
Fri Oct 19, 2012 4:03 pm
Hi again

ok so add this line also on override.css file:

Code: Select all
.nsp.line .nspArtPage > div:last-child {border-bottom: none}


About the 2th issue, that's other module and you can use the following suffix on that one:

"[space]border4[space]nsp[space]line"

It will look like this:
screen.jpg


Cheers ;)
User avatar
Platinum Boarder


cron