Create A Forum - Support Forums

Support => Style Support => Topic started by: Lounge HQ on December 06, 2017, 09:48:42 pm

Title: Post-bit Style Help
Post by: Lounge HQ on December 06, 2017, 09:48:42 pm

Hello,


I'm trying to have my forum post-bit style on the dark_blue theme from this:
(https://gyazo.com/f4c57985f6d54b239e90b470a914df22)
(https://i.gyazo.com/f4c57985f6d54b239e90b470a914df22.png)

...To this:
 (https://i.gyazo.com/99efdd4bf0f109d755b8628e322637a8.png)


I am facing issues doing this, however. I can't seem to find the Style CSS code for the dark_blue theme, and I need to replace the current Style CSS code from this:

Code: [Select]


 width:100%;
}
.poster
{
 float:
left;
 width: 15em;
}
.postarea,
.moderatorbar
{
 margin: 0 0 0 16em;
}
.postarea
div.flow_hidden
{
 width: 100%;
}


 
.moderatorbar
{
 clear: right;
}
/* poster details and list
of items */
.poster h4, .poster ul
{
 padding: 0;
 margin:
0 1em 0 1.5em;
}
.poster h4
{
 margin: 0.2em 0 0.4em
1.1em;
 font-size: 120%;
}
.poster h4, .poster h4
a
{
 color: #c06002;
}
.poster ul ul
{
 margin:
0.3em 1em 0 0;
 padding: 0;
}
.poster ul ul
li
{
 display: inline;
}
.poster li.stars, .poster li.avatar,
.poster li.blurb, li.postcount, li.im_icons ul
{
 margin-top:
0.5em;
}

...To this:

Code: [Select]


/* poster and postarea + moderation area underneath */
.post_wrapper
{
 float:left;
 width:100%;
}
.poster
{
 float: left;
 width: 12em;
 background: #ffffff url(http://i148.photobucket.com/albums/s20/smfstyles/imbg.png)repeat-x left bottom;
 border: 1px solid #D7D7D7;
 -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
 -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
 box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
  -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
 margin-left:10px;
 padding: 4px;
 position: relative;
 z-index: 49;
}
.postarea, .moderatorbar
{
 margin: 0 0 0 18em;
}
.postarea div.flow_hidden
{
 width: 100%;
}
.moderatorbar
{
 clear: right;
}
/* poster details and list of items */
.poster h4, .poster ul
{
 padding: 0;
 margin: 0 1em 0 1em;
}
.poster h4
{
 margin: 0.4em 0 0.4em 1.1em;
 font-size: 110%;
 text-align:left
}
.poster h4, .poster h4 a
{
 color: #c06002;
}
.poster ul ul
{
 margin: 1em 1em 0 0;
 padding: 0;
}
.poster ul ul li
{
 display: inline;
}
.poster li.gender, .poster li.stars, .poster li.avatar, .poster li.blurb, li.postcount, li.im_icons ul
{
 margin-top: 1em;
 
}

I can only find the Style CSS code when creating my very own theme, and I don't want to do that. I was hoping to start from the dark_blue theme and customize things from there.


Any help will be appreciated, thank-you.

Title: Re: Post-bit Style Help
Post by: Lounge HQ on December 07, 2017, 12:46:28 pm

Bump

Title: Re: Post-bit Style Help
Post by: CreateAForum on December 07, 2017, 01:49:18 pm

You have it right there the css class poster
Just don't use the photobucket link

Code: [Select]

}
.poster
{
 float:
left;
 width: 15em;
}
To

Code: [Select]

.poster
{
 float: left;
 width: 12em;
 background: #ffffff url(http://i148.photobucket.com/albums/s20/smfstyles/imbg.png)repeat-x left bottom;
 border: 1px solid #D7D7D7;
 -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
 -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
 box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
  -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
 margin-left:10px;
 padding: 4px;
 position: relative;
 z-index: 49;
}


Title: Re: Post-bit Style Help
Post by: Lounge HQ on December 07, 2017, 03:02:07 pm

Quote from: CreateAForum on December 07, 2017, 01:49:18 pm

You have it right there the css class poster
Just don't use the photobucket link

Code: [Select]

}
.poster
{
 float:
left;
 width: 15em;
}
To

Code: [Select]

.poster
{
 float: left;
 width: 12em;
 background: #ffffff url(http://i148.photobucket.c...fstyles/imbg.png)repeat-x left bottom;
 border: 1px solid #D7D7D7;
 -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
 -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
 box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
  -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
 margin-left:10px;
 padding: 4px;
 position: relative;
 z-index: 49;
}


How do I get to this code for the dark_blue theme?

(https://i.gyazo.com/36756e7c62e5c03e2f5e918f102e7d76.png)

(https://gyazo.com/36756e7c62e5c03e2f5e918f102e7d76)

Title: Re: Post-bit Style Help
Post by: CreateAForum on December 07, 2017, 03:04:38 pm

On that page you would just find in the textbox area then replace.

Title: Re: Post-bit Style Help
Post by: Lounge HQ on December 07, 2017, 03:21:19 pm

Quote from: CreateAForum on December 07, 2017, 03:04:38 pm

On that page you would just find in the textbox area then replace.

I only get the text box code when I use the Create Style option. The text box code is empty when I attempt to edit the dark_blue theme.


(https://i.gyazo.com/4be90ff1f2c0e470b10f04c2e0b3b863.png)

Title: Re: Post-bit Style Help
Post by: CreateAForum on December 07, 2017, 03:33:43 pm

hmm will look into that.

Title: Re: Post-bit Style Help
Post by: Lounge HQ on December 07, 2017, 03:48:45 pm

Quote from: CreateAForum on December 07, 2017, 03:33:43 pm

hmm will look into that.

Thank-you.

Title: Re: Post-bit Style Help
Post by: CreateAForum on December 07, 2017, 04:04:56 pm

Fixed