Hi, as you can see in the image ( https://i.imgur.com/8JrYFkq.png ) there are 4 boxes, 1 is the box with a white line, 2 is the box with these yellow dashes, 3 & 4 are the boxes with no lines or dashes. so what i basically wanna do is change the white line in box 1 to yellow dashes like box 2 and add in box 3 & 4 the same yellow dashes as box 2. is this possible?

forum: http://pendulumsduelacademy.forumotion.com
forum version: Phpbb2

Hi there,

So simply put you want the upper line, left line, and right line like the bottom line, and then take away the yellow dashes on the bottom line, correct?

It's just like what you said, but i wanna keep the bottom line dashes as well, basically i want to have those yellow dashes (#f2f203 is the color) in all four side, left, right, bottom(already there) and top.

Bump

Bump

I hope this will help!

Code:

.postbody {
  border-left: 2px solid white;
  border-right: 2px solid white;
  padding: 0em 1em 0em;
}

And for the bottom

Code:

td.row1.messaging.gensmall {
  border-top: 2px solid white;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}

I added both of these codes to my css but nothing worked

Hi @Kirbs,

Try adding the following CSS to your stylesheet :

Code:

.hr hr {
  border:none;
  border-top:1px dashed #F90;
}

.post > td:last-child {
  border:1px dashed #F90;
}

That's exactly what i wanted! thanks a lot ange! just one thing the popped up, http://prntscr.com/8wua8q there are two bars in there how can i make them both in one bar? if you know what i mean. Also i would like to add lines around the profile viewer http://prntscr.com/8wuaue can you tell me how?

Thanks in advance!

One way to do that would be to remove the border spacing on the table. Here's the CSS :

Code:

.forumline {
  border-spacing:0;
}

If you want the border for both cells, find this rule I gave you :

Code:

.post > td:last-child {
  border:1px dashed #F90;
}

and remove :last-child

Thanks again ange! it looks way better now one last thing which is about the navbar, i used some CSS to hide two buttons "Calender" & " Usergroups" but now i have these gaps, http://prntscr.com/8wvd5v anyway to fix it?

Did you hide the link itself and then move the link all the way to the end of the navbar via headers and navigation in the AP ?

Here's the CSS to hide the links :

Code:

a[href="/calendar"], a[href="/groups"] { display:none; }

Just tried that, it works! thanks a lot ange