Multiple Colored Border

**Forumedic** · **Forumedic** Sat 23 Jul 2016, 12:26

Is it possible to have the boxed border a different color (#222)

I used

Code:: .title

.

EDIT: I dont want to use .title as it affects the posts. But I do if there is a way where the color the border would be is the color above it (what it is bordering darkened) not sure if that makes sense or is possible but if the above color is #333, the border could be #222.

**Ange Tuteur** · **Ange Tuteur** Sun 24 Jul 2016, 14:19

You can use border-gradients, but it'd be a hassle. Instead, I'd recommend removing the gradients off of the titles and just use a plain background color.

Once you do that, use this CSS :

Code:: .forum-category .title:before { content:" "; background:-webkit-linear-gradient(-45deg, transparent 0, transparent 60%, #333333 60%, #333333 100%); background:-moz-linear-gradient(135deg, transparent 0, transparent 60%, #333333 60%, #333333 100%); background:linear-gradient(135deg, transparent 0, transparent 60%, #333333 60%, #333333 100%); position:absolute; top:0; left:0; bottom:-3px; width:100%; } .forum-category .title { border-bottom:3px solid #519388; }

It'll create a pseudo-element with the gradient you want. NOTE : bottom:-3px; should be the size of the border on the bottom.

Guest · Guest Tue 23 Aug 2016, 17:57

*** This topic will be closed soon if we don't get any feedback. @Forumedic Is this solved / still needed? ***

**Forumedic** · **Forumedic** Tue 23 Aug 2016, 17:57

It's solved, thanks.

Guest · Guest Tue 23 Aug 2016, 17:59

*** Topic solved, locked and archived ***

Sponsored content · Sponsored content

IMPORTANT

Multiple Colored Border

Multiple Colored Border

Re: Multiple Colored Border

Re: Multiple Colored Border

Re: Multiple Colored Border

Re: Multiple Colored Border

Re: Multiple Colored Border

Create an account or log in to leave a reply

Create an account

Log in