MyBB Community Forums

I need a help with some CSS in my customized MyBB Theme.

I can show you better with images.

The first version is like this:
http://gyazo.com/62b6546a25440e1c3ed757a0e70f42cb


The second version is like this:
http://gyazo.com/7ffcd5944a93704bd8454874d07fb6d7


I need to know how to make the first version like the second version, can you help me?

Hi Deliver,
The section you are trying to move to the right is probably already in a (nested) div. You need to increase the 'margin-left' to move it to the right.

The best way to learn CSS is to look at samples/tutorials and then "just change things" (and undo when needed) until it looks like you want.

#
Similar answer for moving the logo down:
To find the name of the div containing the logo, just look* in the .html code. That one needs a higher number for 'margin-top'**
*CSS/HTML is really simple once you get some repeated experience.

**Sometimes increasing the padding can have a similar result. Margin = Space outside the div / Padding = space inside the current div

Enjoy

It's not in a div, it's using span. It's using the span-center I think but If I move it to the right, then it's too close to the avatar. What to do?

EDIT: The logo is fine, I just thought I'd include the whole header. I want the logo how it currently is, but I want the name etc where it is on the second picture.

You could use padding in span style to make it far from the desired variable.

Thanks for everyone who tried to help, I figured it out myself, the Panel CSS had a width of 500 instead of 310, thanks guys.