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.

how to shift the writing on the right image ( CP Info )

View previous topic View next topic Go down

Solved how to shift the writing on the right image ( CP Info )

Post by erchima on November 24th 2013, 3:04 pm

SS:


shift to the right of the image
and shift cp info to the center post
Spoiler:




Last edited by erchima on November 24th 2013, 3:09 pm; edited 1 time in total

erchima
Forumember

Female Posts : 629
Reputation : 15
Language : INDONESIAN | Lua Script | Visual Basic | and Coding
Location : Under your bed xD

http://erchimacute.forumid.net

Back to top Go down

Solved Re: how to shift the writing on the right image ( CP Info )

Post by Ange Tuteur on November 24th 2013, 3:06 pm

Hello erchima,

What is the code that you're using?

It looks like you would need to add padding-left.

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: how to shift the writing on the right image ( CP Info )

Post by erchima on November 24th 2013, 3:11 pm

SethC1995 wrote:Hello erchima,

What is the code that you're using?

It looks like you would need to add padding-left.
CSS Code
Code:
.cpinfo {
border: 2px solid;
margin: 30px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;}
.cpinfo {
color: #FF0000;
background-color: #EB9999;
background-image: url('URL IMAGE ');}

erchima
Forumember

Female Posts : 629
Reputation : 15
Language : INDONESIAN | Lua Script | Visual Basic | and Coding
Location : Under your bed xD

http://erchimacute.forumid.net

Back to top Go down

Solved Re: how to shift the writing on the right image ( CP Info )

Post by Ange Tuteur on November 24th 2013, 3:13 pm

Increase this value until the text isn't on the image:
padding:15px 10px 15px 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: how to shift the writing on the right image ( CP Info )

Post by erchima on November 24th 2013, 3:16 pm

SethC1995 wrote:Increase this value until the text isn't on the image:
padding:15px 10px 15px 50px;
hmm thank you
and how to shit to center post?
im using center code in write not work xD

erchima
Forumember

Female Posts : 629
Reputation : 15
Language : INDONESIAN | Lua Script | Visual Basic | and Coding
Location : Under your bed xD

http://erchimacute.forumid.net

Back to top Go down

Solved Re: how to shift the writing on the right image ( CP Info )

Post by Ange Tuteur on November 24th 2013, 3:18 pm

Try this in your CSS:
Code:
.cpinfo{
margin-right:auto;
margin-left:auto;
}

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: how to shift the writing on the right image ( CP Info )

Post by erchima on November 24th 2013, 3:25 pm

SethC1995 wrote:Try this in your CSS:
Code:
.cpinfo{
margin-right:auto;
margin-left:auto;
}
its work buuuttt

SS:

hahahahahaha Mr. GreenMr. GreenMr. GreenMr. Green

erchima
Forumember

Female Posts : 629
Reputation : 15
Language : INDONESIAN | Lua Script | Visual Basic | and Coding
Location : Under your bed xD

http://erchimacute.forumid.net

Back to top Go down

Solved Re: how to shift the writing on the right image ( CP Info )

Post by Ange Tuteur on November 24th 2013, 3:31 pm

I thought you had no-repeat, weird.

Put the code all together and see if it still does that:
Code:
.cpinfo {
border: 2px solid;
margin-top: 30px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
color: #FF0000;
background-color: #EB9999;
background-image: url('img');
margin-right:auto;
margin-left:auto;
}

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: how to shift the writing on the right image ( CP Info )

Post by erchima on November 24th 2013, 3:37 pm

SethC1995 wrote:I thought you had no-repeat, weird.

Put the code all together and see if it still does that:
Code:
.cpinfo {
border: 2px solid;
margin-top: 30px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
color: #FF0000;
background-color: #EB9999;
background-image: url('img');
margin-right:auto;
margin-left:auto;
}
SS:


wohooo :wouhou::wouhou::wouhou:
thank you very much
soved kisskiss

erchima
Forumember

Female Posts : 629
Reputation : 15
Language : INDONESIAN | Lua Script | Visual Basic | and Coding
Location : Under your bed xD

http://erchimacute.forumid.net

Back to top Go down

Solved Re: how to shift the writing on the right image ( CP Info )

Post by Ange Tuteur on November 24th 2013, 3:40 pm

You're welcome I love you

Topic Solved and Archived

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