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.

Topic Icon Space & spoiler/code color

View previous topic View next topic Go down

In progress Topic Icon Space & spoiler/code color

Post by LexWolfe on 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
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 on March 26th 2015, 4:42 pm

Bump..?

Can I do that yet..?

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

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

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

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

Post by LexWolfe on 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
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 on March 26th 2015, 5:42 pm

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


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


SLGray
Administrator
Administrator

Male Posts : 35661
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

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

Post by LexWolfe on 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
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 on 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?


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


SLGray
Administrator
Administrator

Male Posts : 35661
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

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

Post by LexWolfe on 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
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_ on March 27th 2015, 11:57 pm

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

background-position: left/right up/down;

_Twisted_Mods_
Helper
Helper

Male Posts : 2020
Reputation : 299
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 on 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 :




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

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 on 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
New Member

Posts : 15
Reputation : 1
Language : English; ASL

http://testingcoding.forumotion.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