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 have the third column centered?

View previous topic View next topic Go down

Solved How to have the third column centered?

Post by Scorpi94 on July 25th 2012, 11:29 am

OK! Let's go! Very Happy

1. Look at the photo:



2. See the username, please! ^^ Well, I want to make the username bigger and centered. And if you can, include a little space between the username and the avatar, please ^^

3. I used this javascript code (tell me if I should change it, please!)

$(function(){
$('.postprofile dl').each(function(){
var theBox = $(this).children('dt:first');
var uNameX = theBox.children('strong').html()+'<br>';
theBox.children('a').before(uNameX);
theBox.children('strong').hide();
});
});

4. The template I use is phpBB3 prosilver

I hope this information will help! Smile Thanks in advance! Hello


Last edited by Scorpi94 on July 26th 2012, 11:09 am; edited 3 times in total

Scorpi94
Forumember

Female Posts : 120
Reputation : 2
Language : Bulgarian, English
Location : Bulgaria

http://the-beatles.bulgarianforum.net

Back to top Go down

Solved Re: How to have the third column centered?

Post by ankillien on July 25th 2012, 2:45 pm

Hi,

Try adding this codes in your CSS..

Code:
.postprofile dt:first-child a {
font-size: 15px;
display: block;
margin-bottom: 5px;
}

ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

http://www.webartzforum.com/

Back to top Go down

Solved Re: How to have the third column centered?

Post by Scorpi94 on July 25th 2012, 3:31 pm

Thank You so much ankillien! Hello And how to center the username?

Scorpi94
Forumember

Female Posts : 120
Reputation : 2
Language : Bulgarian, English
Location : Bulgaria

http://the-beatles.bulgarianforum.net

Back to top Go down

Solved Re: How to have the third column centered?

Post by ankillien on July 25th 2012, 4:18 pm

Add 'text-align:center;' in the CSS aI gave you. Like this...

Code:
.postprofile dt:first-child a {
font-size: 15px;
display: block;
margin-bottom: 5px;
text-align:center;
}

ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

http://www.webartzforum.com/

Back to top Go down

Solved Re: How to have the third column centered?

Post by SLGray on July 25th 2012, 4:44 pm

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


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36697
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: How to have the third column centered?

Post by Scorpi94 on July 26th 2012, 12:42 am

@ankillien wrote:Add 'text-align:center;' in the CSS aI gave you. Like this...

Code:
.postprofile dt:first-child a {
font-size: 15px;
display: block;
margin-bottom: 5px;
text-align:center;
}

Thank You, but unfortunately it doesn't work properly: when i post this CSS, it moves the avatar too Hem Well, can't we at least have all the third column centered?

Scorpi94
Forumember

Female Posts : 120
Reputation : 2
Language : Bulgarian, English
Location : Bulgaria

http://the-beatles.bulgarianforum.net

Back to top Go down

Solved Re: How to have the third column centered?

Post by ankillien on July 26th 2012, 5:29 am

Try replacing the CSS code with this...

Code:
    .postprofile dt:first-child a:first-child {
    font-size: 15px;
    display: block;
    margin-bottom: 5px;
    text-align:center;
    }

I don't know what you mean by 'the third columns centered'?

ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

http://www.webartzforum.com/

Back to top Go down

Solved Re: How to have the third column centered?

Post by Scorpi94 on July 26th 2012, 10:36 am

Still not working properly! Sad

My post profile column is on right - that's why i meant 3rd column Rolling Eyes

I removed the javascript by the owner request, which means the name is now below the avatar. Hem

My request is to have all these stuff in the center of that column, and if I can, I want to shorten the column width, but I want to keep the forum width as well Smile

And thanks for helping me! Smile



I made it! Everything is fine now and thanks again fore your help! Voted +! Smile


Last edited by Scorpi94 on July 26th 2012, 11:08 am; edited 2 times in total (Reason for editing : Problem solved!)

Scorpi94
Forumember

Female Posts : 120
Reputation : 2
Language : Bulgarian, English
Location : Bulgaria

http://the-beatles.bulgarianforum.net

Back to top Go down

Solved Re: How to have the third column centered?

Post by ankillien on July 26th 2012, 11:14 am

Topic Solved & Locked

ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

http://www.webartzforum.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