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.

move the line to the left

Go down

In progress move the line to the left

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

Hi Team Support .

Demo :


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

Thanks !
avatar
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 on 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



avatar
APE
Manager
Manager

Male Posts : 11854
Reputation : 1170
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

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

Back to top Go down

In progress Re: move the line to the left

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

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

Thanks !
avatar
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 on 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;



avatar
APE
Manager
Manager

Male Posts : 11854
Reputation : 1170
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

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

Back to top Go down

In progress Re: move the line to the left

Post by Wealh on 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%
}
avatar
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 on October 28th 2015, 3:20 pm

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



avatar
APE
Manager
Manager

Male Posts : 11854
Reputation : 1170
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

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

Back to top Go down

In progress Re: move the line to the left

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

Thanks Admin ! it works perfectly !
avatar
loving9you
Forumember

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

http://hienmau.forumvi.com/

Back to top Go down

Back to top


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