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

View previous topic View next topic 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 !

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





APE
Manager
Manager

Male Posts : 8648
Reputation : 760
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 !

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;





APE
Manager
Manager

Male Posts : 8648
Reputation : 760
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%
}

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 ?





APE
Manager
Manager

Male Posts : 8648
Reputation : 760
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 !

loving9you
Forumember

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

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