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.

Cant find the solution to my text being on top of my image.

View previous topic View next topic Go down

Solved Cant find the solution to my text being on top of my image.

Post by ThePoliceFan on November 15th 2014, 6:14 pm



Hello In this first picture i just need to figure out how to put the text beside the image not on top.


Last edited by ThePoliceFan on November 15th 2014, 6:23 pm; edited 1 time in total

ThePoliceFan
Forumember

Male Posts : 36
Reputation : 1
Language : English

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

Back to top Go down

Solved Re: Cant find the solution to my text being on top of my image.

Post by Ramdaman on November 15th 2014, 6:21 pm

Please change the title of your topic to something that is related to your question/issue, so that other users will be able to find their question/issue using the search engine.

Are those images there by default or you added them?


Last edited by Ramdaman on November 15th 2014, 6:45 pm; edited 2 times in total

Ramdaman
Active Poster

Male Posts : 1614
Reputation : 97
Language : English, Albanian, Macedonian, Russian | HTML, CSS
Location : New York City

http://ndihme.forumotion.com/forum

Back to top Go down

Solved Re: Cant find the solution to my text being on top of my image.

Post by ThePoliceFan on November 15th 2014, 6:25 pm

Those image are not default there were added by my self. I believe it because the image is too big and the text goes automatically on top. But there must be a way to put the text beside the image.

ThePoliceFan
Forumember

Male Posts : 36
Reputation : 1
Language : English

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

Back to top Go down

Solved Re: Cant find the solution to my text being on top of my image.

Post by Ramdaman on November 15th 2014, 6:48 pm

Go to your Administration Panel => Display => Pictures and Colors => Colors => CSS Stylesheet

Look for this code into your stylesheet:
Code:
a.forumtitle {
  color: #fff;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1.2em;
  font-weight: 700;
  text-decoration: none;
}
And replace it with this.
Code:
a.forumtitle {
  color: #fff;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1.2em;
  font-weight: 700;
  text-decoration: none;
  margin-left: 50px;
  margin-bottom: 100px;
}

If it's not there, then just add the above code into your stylesheet.

I hope that solves your issue.

Ramdaman
Active Poster

Male Posts : 1614
Reputation : 97
Language : English, Albanian, Macedonian, Russian | HTML, CSS
Location : New York City

http://ndihme.forumotion.com/forum

Back to top Go down

Solved Re: Cant find the solution to my text being on top of my image.

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

Thx it worked well the text is now beside the image but now how do i make in lower to be centered with the image.

ThePoliceFan
Forumember

Male Posts : 36
Reputation : 1
Language : English

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

Back to top Go down

Solved Re: Cant find the solution to my text being on top of my image.

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

Hello ThePoliceFan,

Try adding this to your stylesheet :
Code:
.forabg .row .icon { position:relative }
.forabg h3.hierarchy {
 width:50%;
 position:absolute;
 top:0;
 bottom:0;
 margin:0;
}
.forabg h3.hierarchy a {
 margin:0;
 position:absolute;
 top:40%;
 left:50px;
}

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Cant find the solution to my text being on top of my image.

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

Thank very much it work but only for the top 2 the rest of my text stayed on top. weird.

ThePoliceFan
Forumember

Male Posts : 36
Reputation : 1
Language : English

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

Back to top Go down

Solved Re: Cant find the solution to my text being on top of my image.

Post by ThePoliceFan on November 16th 2014, 3:57 pm


does anyone know why my top 2 text on the homepage went down and centered when he gave me the css code but the rest did not move like the other.

ThePoliceFan
Forumember

Male Posts : 36
Reputation : 1
Language : English

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

Back to top Go down

Solved Re: Cant find the solution to my text being on top of my image.

Post by ddoesmc on November 16th 2014, 4:09 pm

I believe that you are talking about the spacing issue, it is the image that you have making all that extra space. I would resize the image and try again.

ddoesmc
Forumember

Male Posts : 283
Reputation : 10
Language : Mainly english
Location : New Jersey

http://www.officialmc.forumotion.com

Back to top Go down

Solved Re: Cant find the solution to my text being on top of my image.

Post by ThePoliceFan on November 16th 2014, 4:13 pm

but i don't think it a spacing issue because the text on top is the way i want it. and i need not even need to rezise the image. so how do i get all the other text the same as the top one.

ThePoliceFan
Forumember

Male Posts : 36
Reputation : 1
Language : English

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

Back to top Go down

Solved Re: Cant find the solution to my text being on top of my image.

Post by Ramdaman on November 16th 2014, 4:15 pm

Do you have a test account you can send me by PM?

Ramdaman
Active Poster

Male Posts : 1614
Reputation : 97
Language : English, Albanian, Macedonian, Russian | HTML, CSS
Location : New York City

http://ndihme.forumotion.com/forum

Back to top Go down

Solved Re: Cant find the solution to my text being on top of my image.

Post by ThePoliceFan on November 16th 2014, 4:18 pm

How do i set one up beceaus i dont think i have one.

ThePoliceFan
Forumember

Male Posts : 36
Reputation : 1
Language : English

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

Back to top Go down

Solved Re: Cant find the solution to my text being on top of my image.

Post by Ramdaman on November 16th 2014, 4:19 pm

Just by creating a new account, and sending me via private message the username and password.

Ramdaman
Active Poster

Male Posts : 1614
Reputation : 97
Language : English, Albanian, Macedonian, Russian | HTML, CSS
Location : New York City

http://ndihme.forumotion.com/forum

Back to top Go down

Solved Re: Cant find the solution to my text being on top of my image.

Post by ThePoliceFan on November 16th 2014, 4:19 pm

will do that. do you need full admin control also. or just basic

ThePoliceFan
Forumember

Male Posts : 36
Reputation : 1
Language : English

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

Back to top Go down

Solved Re: Cant find the solution to my text being on top of my image.

Post by Ramdaman on November 16th 2014, 4:23 pm

Just basic for now.

EDIT: After searching around with the developer tool for a bit, I see that only the top two have a class of h3.hierarchy.

ThePoliceFan, have you added a tag such as <h3> to the forum names?

Ramdaman
Active Poster

Male Posts : 1614
Reputation : 97
Language : English, Albanian, Macedonian, Russian | HTML, CSS
Location : New York City

http://ndihme.forumotion.com/forum

Back to top Go down

Solved Re: Cant find the solution to my text being on top of my image.

Post by ThePoliceFan on November 16th 2014, 4:36 pm

I dont think so. how would i find that out. i am really bad a css so i dont think so.

ThePoliceFan
Forumember

Male Posts : 36
Reputation : 1
Language : English

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

Back to top Go down

Solved Re: Cant find the solution to my text being on top of my image.

Post by Ramdaman on November 16th 2014, 4:40 pm

Here, see if pasting this code into your CSS stylesheet will work:
Code:
.forabg h2.hierarchy {
  width:50%;
  position:absolute;
  top:0;
  bottom:0;
  margin:0;
}
.forabg h2.hierarchy a {
  margin:0;
  position:absolute;
  top:40%;
  left:50px;
}

Ramdaman
Active Poster

Male Posts : 1614
Reputation : 97
Language : English, Albanian, Macedonian, Russian | HTML, CSS
Location : New York City

http://ndihme.forumotion.com/forum

Back to top Go down

Solved Re: Cant find the solution to my text being on top of my image.

Post by ThePoliceFan on November 16th 2014, 4:42 pm

ok.

ThePoliceFan
Forumember

Male Posts : 36
Reputation : 1
Language : English

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

Back to top Go down

Solved Re: Cant find the solution to my text being on top of my image.

Post by ThePoliceFan on November 16th 2014, 4:43 pm

Ha ha you little genius it worked like a charm thanks one again for the great help.

ThePoliceFan
Forumember

Male Posts : 36
Reputation : 1
Language : English

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

Back to top Go down

Solved Re: Cant find the solution to my text being on top of my image.

Post by Ramdaman on November 16th 2014, 4:44 pm

I'm glad I can help. As a note, you shouldn't double post without providing genuine information on the topic. I took Ange's code and replaced the selectors, so credits to him.

Topic solved and archived.

Ramdaman
Active Poster

Male Posts : 1614
Reputation : 97
Language : English, Albanian, Macedonian, Russian | HTML, CSS
Location : New York City

http://ndihme.forumotion.com/forum

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