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.

Image under the text.

View previous topic View next topic Go down

Solved Image under the text.

Post by ThePoliceFan on November 15th 2014, 9:22 pm

Hello

My image seems to be really big and it does under the text. How do i move the text to be beside the image.

ThePoliceFan
Forumember

Male Posts : 36
Reputation : 1
Language : English

http://ftf2.advanced-warfare.fr/

Back to top Go down

Solved Re: Image under the text.

Post by Ange Tuteur on November 15th 2014, 9:33 pm

Hello ThePoliceFan,

As the icons are set as background images on phpbb3, it is good practice to try and keep your images at a small scale.

You can try adjusting the left padding to move the text over by adding this rule to your stylesheet :
Display > Colors > CSS stylesheet
Code:
.forumbg .row .dterm { padding-left:100px }

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Image under the text.

Post by ThePoliceFan on November 15th 2014, 9:44 pm

your css code moved my text every where i just want the text moved when someone post something new that when the big image shows up. Here the screen shot of what it looked like when i added you css code it almost worked.

ThePoliceFan
Forumember

Male Posts : 36
Reputation : 1
Language : English

http://ftf2.advanced-warfare.fr/

Back to top Go down

Solved Re: Image under the text.

Post by Fierce Star on November 15th 2014, 10:20 pm

Try replacing Ange's code with this one:
Code:
.forumbg .row dl.icon[style="background-image:url('http://i59.servimg.com/u/f59/19/01/26/81/c410.png');"] .dterm { padding-left:100px }

Fierce Star
Forumember

Male Posts : 110
Reputation : 17
Language : English
Location : United States

http://inactivesite.onlyhelpwithothersnow.com

Back to top Go down

Solved Re: Image under the text.

Post by ThePoliceFan on November 15th 2014, 10:26 pm

Code:
.forumbg .row dl.icon[style="background-image:url('http://i59.servimg.com/u/f59/19/01/26/81/c410.png');"] .dterm { padding-left:100px }

This is the code i entered still doesnt work.

ThePoliceFan
Forumember

Male Posts : 36
Reputation : 1
Language : English

http://ftf2.advanced-warfare.fr/

Back to top Go down

Solved Re: Image under the text.

Post by Ange Tuteur on November 15th 2014, 10:32 pm

Have you modified the 100px to adjust the position of the text ?

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Image under the text.

Post by ThePoliceFan on November 15th 2014, 10:38 pm

no beceaus if i do that then all my tet will move too far right. yes it will fix my problem but create a new one by putting all the text that i dont wanna move to the right.

ThePoliceFan
Forumember

Male Posts : 36
Reputation : 1
Language : English

http://ftf2.advanced-warfare.fr/

Back to top Go down

Solved Re: Image under the text.

Post by Ange Tuteur on November 15th 2014, 10:39 pm

Okay, try resizing the background image :
Code:
.forumbg .row dl.icon[style*="http://i59.servimg.com/u/f59/19/01/26/81/c410.png"] { background-size:25% }

Adjust the 25% until it's where you want it.

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Image under the text.

Post by ThePoliceFan on November 15th 2014, 10:45 pm

Thx that worked well just one last question. how come the other text is on top of the image.


ThePoliceFan
Forumember

Male Posts : 36
Reputation : 1
Language : English

http://ftf2.advanced-warfare.fr/

Back to top Go down

Solved Re: Image under the text.

Post by Ange Tuteur on November 15th 2014, 11:06 pm

Add this to your CSS :
Code:
.topic-title-container a.topictitle, dl.icon .span-tab { margin:0 }
.forumbg .row .dterm {
  width:47%;
  padding-left:80px;
}

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Image under the text.

Post by ThePoliceFan on November 16th 2014, 7:02 am

Thanks millions big help with the codes. Love the support i get keep up the awesome work.

ThePoliceFan
Forumember

Male Posts : 36
Reputation : 1
Language : English

http://ftf2.advanced-warfare.fr/

Back to top Go down

Solved Re: Image under the text.

Post by Ange Tuteur on November 16th 2014, 7:28 am

You're welcome

Topic archived

Have a nice day. Smile

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

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