The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Create a border around posts?

3 posters

Go down

In progress Create a border around posts?

Post by Melissa0407 February 25th 2014, 9:04 am

I'm new to this and have spent over 2 hours searching for a solution so I'm hoping someone can help me!  I want there to be a divider line between my posts and I can't figure out how to do that!  Any help is much appreciated!!

Thanks!
Melissa
avatar
Melissa0407
New Member

Posts : 8
Reputation : 1
Language : english

Back to top Go down

In progress Re: Create a border around posts?

Post by Jophy February 25th 2014, 10:22 am

Hello,

• Please provide your forum URL for appearance problems

Specifically to which or where do you want on the message to add it? Can you show us a screenshot too with detailed explanation. Thanks.
Jophy
Jophy
ForumGuru

Male Posts : 17924
Reputation : 836
Language : English
Location : Somewhere

Back to top Go down

In progress Re: Create a border around posts?

Post by Pizza Boi February 25th 2014, 11:04 am

Hi Very Happy

Like what Jophy said, please provide a screenshot to the problem you want solved and URL.

If you are able to figure out its ID, please put this code and see if it works:

Code:
ID {
border: #px;
padding: #px;
}

You can also style your border with color by putting codes such as, border-color: #0000; or border-style: solid;.

You can check the ID by simply right clicking on your mouse and "Inspect Element".

Hope it helps!

Regards,
Pizza Boi
Pizza Boi
Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

Back to top Go down

In progress Re: Create a border around posts?

Post by Melissa0407 February 25th 2014, 3:21 pm

Thanks!  The url is testpp.forumotion.com.

  Create a border around posts? Noline10


I want it to look more like this message board looks with the full line between each post

Create a border around posts? Line10

Thanks for any help you can provide!!
avatar
Melissa0407
New Member

Posts : 8
Reputation : 1
Language : english

Back to top Go down

In progress Re: Create a border around posts?

Post by Pizza Boi February 25th 2014, 6:01 pm

Hi Very Happy

Please try this:

Code:
hr {
border-color: white;
border-style: solid;
padding: 5px;
}

Remove the padding if you want. If the code I provided is wrong, please check your console if you can. Best console for checking is using Firefox so you can move the mouse freely Smile.

Regards,
Pizza Boi
Pizza Boi
Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

Back to top Go down

In progress Re: Create a border around posts?

Post by Melissa0407 February 25th 2014, 6:09 pm

Pizza Boi wrote:Hi Very Happy

Please try this:

Code:
hr {
border-color: white;
border-style: solid;
padding: 5px;
}

Remove the padding if you want. If the code I provided is wrong, please check your console if you can. Best console for checking is using Firefox so you can move the mouse freely Smile.

Regards,
Pizza Boi
Thanks Pizza Boi!  Could you tell me where I'm to put that code?  Do I put it in the Display/Pictures&Colors/CSS Stylesheet?  Or somewhere else?  And how can I edit things I"ve already put in the CSS Stylesheet?  I can't seem to figure out how to make changes to something I have there now!
avatar
Melissa0407
New Member

Posts : 8
Reputation : 1
Language : english

Back to top Go down

In progress Re: Create a border around posts?

Post by Pizza Boi February 25th 2014, 6:11 pm

Hi Very Happy

Yes, you put that in the CSS Stylesheet Smile. Also, you can just delete the portion you want deleted and then save them Smile.

Regards,
Pizza Boi
Pizza Boi
Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

Back to top Go down

In progress Re: Create a border around posts?

Post by Melissa0407 February 25th 2014, 6:29 pm

Melissa0407 wrote:
Pizza Boi wrote:Hi Very Happy

Please try this:

Code:
hr {
border-color: white;
border-style: solid;
padding: 5px;
}

Remove the padding if you want. If the code I provided is wrong, please check your console if you can. Best console for checking is using Firefox so you can move the mouse freely Smile.

Regards,
Pizza Boi
I added this to the stylesheet and nothing changed. 


Create a border around posts? Aftere10


 I'm not sure what you mean by check my console?  Where is my console and what am I supposed to check?  Sorry! I understand a good bit about coding but I'm brand new to doing any kind of modification to message boards and don't always know where I'm supposed to put things.
avatar
Melissa0407
New Member

Posts : 8
Reputation : 1
Language : english

Back to top Go down

In progress Re: Create a border around posts?

Post by Pizza Boi February 25th 2014, 7:55 pm

Hi Very Happy

Oh my, my deep apologies. I didn't read the last part of the message below :/. Anyway, try this one please:

Code:
.row2.browse-arrows, .row2.messaging.gensmall, .row1.browse-arrows, .row1.messaging.gensmall {
  background-image:url('http://i57.servimg.com/u/f57/18/57/07/22/bjj8ah11.png');
  height: 30px;
 }

Please change the image link I provided above since I just used a random one I did before Smile. Also, you can adjust the height of it to whatever your wish Smile.

As for the console, this is an example:

Create a border around posts? Consol10

Hope it helps!

Regards,
Pizza Boi
Pizza Boi
Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum