Create a border around posts?
3 posters
Page 1 of 1
Create a border around posts?
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
Thanks!
Melissa
Melissa0407- New Member
- Posts : 8
Reputation : 1
Language : english
Re: Create a border around posts?
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.
• 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- ForumGuru
- Posts : 17924
Reputation : 836
Language : English
Location : Somewhere
Re: Create a border around posts?
Hi
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:
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
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- Hyperactive
- Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!
Re: Create a border around posts?
Thanks! The url is testpp.forumotion.com.
I want it to look more like this message board looks with the full line between each post
Thanks for any help you can provide!!
I want it to look more like this message board looks with the full line between each post
Thanks for any help you can provide!!
Melissa0407- New Member
- Posts : 8
Reputation : 1
Language : english
Re: Create a border around posts?
Hi
Please try this:
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 .
Regards,
Pizza Boi
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 .
Regards,
Pizza Boi
Pizza Boi- Hyperactive
- Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!
Re: Create a border around posts?
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!Pizza Boi wrote:Hi
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 .
Regards,
Pizza Boi
Melissa0407- New Member
- Posts : 8
Reputation : 1
Language : english
Re: Create a border around posts?
Hi
Yes, you put that in the CSS Stylesheet . Also, you can just delete the portion you want deleted and then save them .
Regards,
Pizza Boi
Yes, you put that in the CSS Stylesheet . Also, you can just delete the portion you want deleted and then save them .
Regards,
Pizza Boi
Pizza Boi- Hyperactive
- Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!
Re: Create a border around posts?
I added this to the stylesheet and nothing changed.Melissa0407 wrote:Pizza Boi wrote:Hi
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 .
Regards,
Pizza Boi
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.
Melissa0407- New Member
- Posts : 8
Reputation : 1
Language : english
Re: Create a border around posts?
Hi
Oh my, my deep apologies. I didn't read the last part of the message below . Anyway, try this one please:
Please change the image link I provided above since I just used a random one I did before . Also, you can adjust the height of it to whatever your wish .
As for the console, this is an example:
Hope it helps!
Regards,
Pizza Boi
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 . Also, you can adjust the height of it to whatever your wish .
As for the console, this is an example:
Hope it helps!
Regards,
Pizza Boi
Pizza Boi- Hyperactive
- Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum