The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Create a border around posts?

View previous topic View next topic Go down

In progress Create a border around posts?

Post by Melissa0407 on 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

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 on 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
ForumGuru

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

Back to top Go down

In progress Re: Create a border around posts?

Post by Pizza Boi on 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
Hyperactive

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

http://redlustempire.forumtl.com/

Back to top Go down

In progress Re: Create a border around posts?

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

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!!

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 on 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
Hyperactive

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

http://redlustempire.forumtl.com/

Back to top Go down

In progress Re: Create a border around posts?

Post by Melissa0407 on 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!

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 on 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
Hyperactive

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

http://redlustempire.forumtl.com/

Back to top Go down

In progress Re: Create a border around posts?

Post by Melissa0407 on 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. 





 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

Back to top Go down

In progress Re: Create a border around posts?

Post by Pizza Boi on 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:



Hope it helps!

Regards,
Pizza Boi

Pizza Boi
Hyperactive

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

http://redlustempire.forumtl.com/

Back to top Go down

View previous topic View next topic Back to top


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