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.

Forum Description and Forum Icon Alignment + Text Alignment

View previous topic View next topic Go down

Solved Forum Description and Forum Icon Alignment + Text Alignment

Post by Derri on July 29th 2013, 6:30 pm

Hi,

I was wondering if someone would be so kind enough to provide me with some CSS to help align my forum description and topic icons a little better as well as align my text.

Here's a screenshot to help describe the problem:



I would like it so that the description will stop and go onto a new line once its reach a certain point and I'd like this to be consistent throughout the entire forum. I'd also like the Forum Icons to be aligned better with the text.

Link to my forum, http://networkfm.forumotion.net/

I'd appreciate the help Very Happy


Last edited by Derri on July 30th 2013, 9:19 pm; edited 1 time in total

Derri
Administrator
Administrator

Male Posts : 8386
Reputation : 577
Language : English & Basic French
Location : Scotland, United Kingdom

Back to top Go down

Solved Re: Forum Description and Forum Icon Alignment + Text Alignment

Post by levy on July 29th 2013, 6:36 pm

Code:
dl.icon dd.dterm div {
width: 80%;
}

Probably about that you talk .

levy
Hyperactive

Male Posts : 2582
Reputation : 345
Language : Romanian, English
Location : criticize artwork, not people!

http://help.forumotion.com/

Back to top Go down

Solved Re: Forum Description and Forum Icon Alignment + Text Alignment

Post by Derri on July 29th 2013, 7:38 pm

candy_fear wrote:
Code:
dl.icon dd.dterm div {
width: 80%;
}

Probably about that you talk .

Thank you that solves the text wrapping part but I'm still looking for some code where it will move the text down slightly to align better with the forum icons.

Derri
Administrator
Administrator

Male Posts : 8386
Reputation : 577
Language : English & Basic French
Location : Scotland, United Kingdom

Back to top Go down

Solved Re: Forum Description and Forum Icon Alignment + Text Alignment

Post by levy on July 29th 2013, 7:48 pm

You need to add at all the description that :
<div class="descp">CONTENT</div>

And after that , go in CSS and add that

Code:
.descp{
width: 100%;
padding-top: 8px;
}

you can add that only at what forums you want to move the text down, play with the 8px how you want.

levy
Hyperactive

Male Posts : 2582
Reputation : 345
Language : Romanian, English
Location : criticize artwork, not people!

http://help.forumotion.com/

Back to top Go down

Solved Re: Forum Description and Forum Icon Alignment + Text Alignment

Post by Derri on July 30th 2013, 9:19 pm

Thank you,

This has been solved Very Happy


Forum Rules: :Forumotion Staff: :Appeal A Warning: :FAQ: :Tips & Tricks: :Forgotten Password/Login Issues
You need one post to send a PM
When your topic has been solved, ensure you mark the topic solved
Never post your email in public


Derri
Administrator
Administrator

Male Posts : 8386
Reputation : 577
Language : English & Basic French
Location : Scotland, United Kingdom

Back to top Go down

Solved Re: Forum Description and Forum Icon Alignment + Text Alignment

Post by levy on July 30th 2013, 10:41 pm

Glad to help you Derri.

levy
Hyperactive

Male Posts : 2582
Reputation : 345
Language : Romanian, English
Location : criticize artwork, not people!

http://help.forumotion.com/

Back to top Go down

Solved Re: Forum Description and Forum Icon Alignment + Text Alignment

Post by SLGray on July 31st 2013, 12:36 am

Topic Solved & Locked


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


SLGray
Administrator
Administrator

Male Posts : 36735
Reputation : 2446
Language : English
Location : United States

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