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.

Topic Icon Space & spoiler/code color

4 posters

Go down

In progress Topic Icon Space & spoiler/code color

Post by LexWolfe March 26th 2015, 4:24 am

Problem : http://prntscr.com/6lg2zj


My forum is Phbb3 format and i want to space out the space between the topic title and the status icon enough to let the topic icons clearly show but im not sure how to.

any suggestions/help?



I was also wondering how I can change the color of spoilers/code boxes/the text box color from a white, because my forum I'll working on is really dark and with the stuff being white its really an eye sore.
LexWolfe
LexWolfe
New Member

Posts : 15
Reputation : 1
Language : English; ASL

http://testingcoding.forumotion.com/

Back to top Go down

In progress Re: Topic Icon Space & spoiler/code color

Post by LexWolfe March 26th 2015, 4:42 pm

Bump..?

Can I do that yet..?

Either way added another problem I'm looking for help with.
LexWolfe
LexWolfe
New Member

Posts : 15
Reputation : 1
Language : English; ASL

http://testingcoding.forumotion.com/

Back to top Go down

In progress Re: Topic Icon Space & spoiler/code color

Post by Ange Tuteur March 26th 2015, 4:58 pm

Add the following rule to your stylesheet to move the topic titles over :
Display > Colors > CSS stylesheet
Code:
ul.topics dd.dterm, ul.topics dt {
  padding-left:60px !important;
}

For the post boxes, you can use these CSS rules :
Code:
/* quote */
blockquote {
  color:#FFF;
  background:#222;
  border:1px solid #333;
}

/* code, spoiler, hidebox */
dl.codebox {
  color:#FFF;
  background:#222;
  border:1px solid #333;
}
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

In progress Re: Topic Icon Space & spoiler/code color

Post by LexWolfe March 26th 2015, 5:33 pm

Thank you.

Is there anywhere specific I should put them in?
I'm still new to CSS coding.
LexWolfe
LexWolfe
New Member

Posts : 15
Reputation : 1
Language : English; ASL

http://testingcoding.forumotion.com/

Back to top Go down

In progress Re: Topic Icon Space & spoiler/code color

Post by SLGray March 26th 2015, 5:42 pm

If adding it to the bottom does not work, add it to the top.


Topic Icon Space & spoiler/code color Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51463
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

In progress Re: Topic Icon Space & spoiler/code color

Post by LexWolfe March 26th 2015, 10:57 pm

Thank you, it looks like i got to spoiler/quote boxes fixed but is it possible to change the color of the type box itself?

and im still running into the issue of overlapping with the icons, I now have space for them but their looking like this, and im not sure how to fix it without entirely messing up the code.

http://prntscr.com/6lrc6w
LexWolfe
LexWolfe
New Member

Posts : 15
Reputation : 1
Language : English; ASL

http://testingcoding.forumotion.com/

Back to top Go down

In progress Re: Topic Icon Space & spoiler/code color

Post by SLGray March 27th 2015, 3:36 am

Play around with the px number until you get what you want.
Code:
ul.topics dd.dterm, ul.topics dt {
  padding-left:60px !important;
}

Are you referring to the message text or the text in code and spoiler boxes?


Topic Icon Space & spoiler/code color Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51463
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

In progress Re: Topic Icon Space & spoiler/code color

Post by LexWolfe March 27th 2015, 5:56 pm

I've already used that code however it only moved over the thread title, not the icon for the topic label/icon so it overlapped the icon that shiws if a thread has a new post/is popular/ect.

And for text box I mean the box for replys or where you type the contents of a new thread.
LexWolfe
LexWolfe
New Member

Posts : 15
Reputation : 1
Language : English; ASL

http://testingcoding.forumotion.com/

Back to top Go down

In progress Re: Topic Icon Space & spoiler/code color

Post by _Twisted_Mods_ March 27th 2015, 11:57 pm

Code:
ul.topics dt {
background-position: 0px 0px;
}

background-position: left/right up/down;
_Twisted_Mods_
_Twisted_Mods_
Helper
Helper

Male Posts : 2108
Reputation : 336
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

In progress Re: Topic Icon Space & spoiler/code color

Post by LexWolfe March 28th 2015, 12:32 am

ok i feel really dumb cause i still cant figure this out, i got the quick reply and such fized, but the topic icons are still not working for me.


This is the exact issue, i tried to make it as clear as possible :


Topic Icon Space & spoiler/code color HMRiJCI


and i have no idea how to fix it. at all. 
LexWolfe
LexWolfe
New Member

Posts : 15
Reputation : 1
Language : English; ASL

http://testingcoding.forumotion.com/

Back to top Go down

In progress Re: Topic Icon Space & spoiler/code color

Post by LexWolfe March 28th 2015, 12:46 am

I take it back, i have figured it out, a friend gave me a hand so i got everything corrected, thank you!
LexWolfe
LexWolfe
New Member

Posts : 15
Reputation : 1
Language : English; ASL

http://testingcoding.forumotion.com/

Back to top Go down

Back to top


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