The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

move the line to the left

3 posters

Go down

In progress move the line to the left

Post by loving9you October 26th 2015, 9:17 am

Hi Team Support .

Demo : move the line to the left 11111111


I want to move the lines are marked in blue box moves to the left

Thanks !
loving9you
loving9you
Forumember

Posts : 55
Reputation : 4
Language : Ho Chi Minh City, Vietnam

http://hienmau.forumvi.com/

Back to top Go down

In progress Re: move the line to the left

Post by Ape October 26th 2015, 2:25 pm

Hello yes i can help you with that Wink
Go to ACP (Admin Control Panel) > Display > Pictures and Colors > Colors > CSS > Search in CSS :
Find :
Code:
.postprofile {
    border-color: #FF8FEC;
    border-right: 1px solid #FF8FEC;
    color: #000;
    display: inline;
    float: left;
    margin: 5px 0px 0px;
    min-height: 80px;
    position: relative;
    width: 22%;
    word-wrap: break-word;
}

In that code look for :
Code:
width: 22%;

Change the 22 to what ever you line then save then go look in your forum to see what it looks like i think 19% is about right thou.

APE


move the line to the left Left1212move the line to the left Center11move the line to the left Right112
move the line to the left Ape_b110
move the line to the left Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 19109
Reputation : 1991
Language : fluent in dork / mumbojumbo & English haha

http://chatworld.forumotion.co.uk/

Back to top Go down

In progress Re: move the line to the left

Post by loving9you October 27th 2015, 7:52 am

Thanks Admin , it works perfectly , but I'd also move the text to the left

Thanks !
loving9you
loving9you
Forumember

Posts : 55
Reputation : 4
Language : Ho Chi Minh City, Vietnam

http://hienmau.forumvi.com/

Back to top Go down

In progress Re: move the line to the left

Post by Ape October 27th 2015, 12:56 pm

I think this is what your asking for
Find:
Code:
.postprofile dd, .postprofile dt {
    line-height: 1.2em;
    margin-left: 8px;
}



Replace it with :
Code:

.postprofile dd, .postprofile dt {
    line-height: 1.2em;
    margin-left: -4px;
}

Change the -4px to what you want Wink
Note all the profile will move not just the text thou
Code:
 margin-left: -4px;


move the line to the left Left1212move the line to the left Center11move the line to the left Right112
move the line to the left Ape_b110
move the line to the left Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 19109
Reputation : 1991
Language : fluent in dork / mumbojumbo & English haha

http://chatworld.forumotion.co.uk/

Back to top Go down

In progress Re: move the line to the left

Post by Wealh October 28th 2015, 4:56 am

loving9you wrote:Thanks Admin , it works perfectly , but I'd also move the text to the left

Thanks !

Code:
.postbody {
  width: 76%
}

You should replace the 76% to something bigger.

Code:
.postbody {
  width: 83%
}
Wealh
Wealh
Forumember

Posts : 69
Reputation : 6
Language : English

http://boredom.iftopic.com/

Back to top Go down

In progress Re: move the line to the left

Post by Ape October 28th 2015, 3:20 pm

Hold on Do you mean the profile text or the post text lol ?


move the line to the left Left1212move the line to the left Center11move the line to the left Right112
move the line to the left Ape_b110
move the line to the left Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 19109
Reputation : 1991
Language : fluent in dork / mumbojumbo & English haha

http://chatworld.forumotion.co.uk/

Back to top Go down

In progress Re: move the line to the left

Post by loving9you October 29th 2015, 7:10 am

Thanks Admin ! it works perfectly !
loving9you
loving9you
Forumember

Posts : 55
Reputation : 4
Language : Ho Chi Minh City, Vietnam

http://hienmau.forumvi.com/

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum