Joomla Templates Club 406,261 posts

[magelanos Friend magelanosJoin date: December 2008Posts: 43Downloads:320Uploads:13 Thanks: 6 Thanked: 2 times in 1 posts]

#202114

Hello,

I would like to use a border line to separate between sections. Something like a color border so that the user can tell where each section starts and finishes. I am not using optimized css.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#553167

Hello magelanos
please share your working site url here , so that i can suggest you some css works for it .

[magelanos Friend magelanosJoin date: December 2008Posts: 43Downloads:320Uploads:13 Thanks: 6 Thanked: 2 times in 1 posts]

#553193

the usl is

http://www.ktg.gr/bsd

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#553198

You have different Blocks
you need to add top border css with respect to them .
For example
First Block is Hero unit .
if you want to add bottom border add css in your custom.css file >>css/custom.css

.hero-unit{ border-bottom: solid 1px;}

For second block it is introducing block it already have border css >>> http://prntscr.com/4wmuek
Do the same for other block css .
If is not clear to you then Add a screenshot where you want to add border and PM me your admin details i will fix it on your site

[magelanos Friend magelanosJoin date: December 2008Posts: 43Downloads:320Uploads:13 Thanks: 6 Thanked: 2 times in 1 posts]

#553199

I will provide you with screenshot and admin details in pm.

THANK YOU!!!

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#553202

Hi
as per your screenshot you want to add border bottom after your first block
do this
add this css code into custom.css file
path: template/ja_onepage/css/custom.css
if there is no custom.css then create a file with name custom.css

hero-unit {
border-bottom: solid 10px;

you can adjust the 10px value as per your need .
it will look like this >>> http://prntscr.com/4wmyhc

[magelanos Friend magelanosJoin date: December 2008Posts: 43Downloads:320Uploads:13 Thanks: 6 Thanked: 2 times in 1 posts]

#553371

Unfortunately this is not working i have added this

hero-unit {
border-bottom: solid 100px yellow;}

but no luck

[magelanos Friend magelanosJoin date: December 2008Posts: 43Downloads:320Uploads:13 Thanks: 6 Thanked: 2 times in 1 posts]

#553374

It adds another line that i don;t want

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#553377

Hi PM me FTP details of your site . i will fix directly there .
Just let me know color that you want for bottom border.

[magelanos Friend magelanosJoin date: December 2008Posts: 43Downloads:320Uploads:13 Thanks: 6 Thanked: 2 times in 1 posts]

#553381

I have sent the PM 🙂 THANK YOU!!!

[magelanos Friend magelanosJoin date: December 2008Posts: 43Downloads:320Uploads:13 Thanks: 6 Thanked: 2 times in 1 posts]

#553391

Did you by any chance had the time to look at it?

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#553398

HI as per your PM , you solved the problem ,
Please let us know if you have any issue .
Happy weekend 🙂

1 user says Thank You to Pankaj Sharma for this useful post

1. magelanos

[Author]

Posts