Title: Moving Layout Elements
Last modified: August 22, 2016

---

# Moving Layout Elements

 *  [acebaker](https://wordpress.org/support/users/acebaker/)
 * (@acebaker)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/moving-layout-elements-1/)
 * New WP user here. I’m able to install themes. How are layout elements moved on
   the page? Suppose I wish to move my logo 5 pixels to the right. How do I do that?

Viewing 10 replies - 1 through 10 (of 10 total)

 *  [jcadima](https://wordpress.org/support/users/jcadima/)
 * (@jcadima)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/moving-layout-elements-1/#post-5280660)
 * Can you post the link to your site?, that way i can see the style.css on chrome
   developer tools and tell you how to do it.
 * Lets suppose your logo is wrapped in a div with a class of logo,
    then you would
   need to go into your style.css (assuming thats where your main style is) and 
   change for example:
 * .logo { margin-right: 5px; }
 *  Thread Starter [acebaker](https://wordpress.org/support/users/acebaker/)
 * (@acebaker)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/moving-layout-elements-1/#post-5280661)
 * It’s being developed here:
 * [http://ommune.org/](http://ommune.org/)
 *  Thread Starter [acebaker](https://wordpress.org/support/users/acebaker/)
 * (@acebaker)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/moving-layout-elements-1/#post-5280663)
 * Can’t I just use the visual editor? Click a box and drag it on a grid?
 *  [jcadima](https://wordpress.org/support/users/jcadima/)
 * (@jcadima)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/moving-layout-elements-1/#post-5280672)
 * acebaker,
 * moving your logo via the visual editor? not likely, unless your theme has support
   for it, your website logo uses these styles:
 * _[ Moderator note: Code fixed, please wrap code in [backticks or use the code button](http://codex.wordpress.org/Forum_Welcome#Posting_Code).]_
 *     ```
       #logo {
       /* width: auto; */
       top: 6px;
       left: 0;
       position: absolute;
       z-index: 100;
       padding-left: 20px;
       }
       ```
   
 * just increase `padding-left:` from 20px to 25px if you want the additional 5px
 * the file that controls your CSS is localted on :
    [http://ommune.org/wp-content/themes/u-design/styles/style1/css/style.css](http://ommune.org/wp-content/themes/u-design/styles/style1/css/style.css)
 * you would need to open that via ftp, with a tool such as aptana studio, or just
   filezilla and open the file via notepad++ or any other text editor and save the
   changes to see the effect.
    It is helpful to use chrome developer tools, right
   click your logo, click the containing div with a class of logo and on the right
   it will show its css so that you can change it there to see how it would look
   if you made those changes.
 *  Moderator [Jan Dembowski](https://wordpress.org/support/users/jdembowski/)
 * (@jdembowski)
 * Forum Moderator and Brute Squad
 * [11 years, 7 months ago](https://wordpress.org/support/topic/moving-layout-elements-1/#post-5280676)
 * [@jcadima](https://wordpress.org/support/users/jcadima/) Please don’t recommend
   that other members modify the theme directly that way. When the theme get’s updated
   those changes will be lost.
 * [@acebaker](https://wordpress.org/support/users/acebaker/) Try installing and
   using a custom CSS plugin.
 * [https://wordpress.org/plugins/search.php?q=custom+CSS](https://wordpress.org/plugins/search.php?q=custom+CSS)
 * This one is pretty good and should be able to accommodate that CSS.
 * [https://wordpress.org/plugins/simple-custom-css/](https://wordpress.org/plugins/simple-custom-css/)
 *  Thread Starter [acebaker](https://wordpress.org/support/users/acebaker/)
 * (@acebaker)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/moving-layout-elements-1/#post-5280685)
 * What does a custom CSS plug in do? Does it give me visual editing?
 * What is the “visual editor” for, if not visual editing?
 *  Moderator [Jan Dembowski](https://wordpress.org/support/users/jdembowski/)
 * (@jdembowski)
 * Forum Moderator and Brute Squad
 * [11 years, 7 months ago](https://wordpress.org/support/topic/moving-layout-elements-1/#post-5280774)
 * The visual editor is for the posts and pages. For example instead of typing the
   raw HTML code for italics (emphasis) like so `<em>This text is italicized</em
   >` you would press CTRL-I then type and visually see _This text is italicized_.
 * The forums don’t have that and I did type that code here manually. 😉
 * The position of your logo in your theme is controlled by the theme’s CSS code.
   The plugin I suggested is a simple way to add that CSS that jcadima suggested
   into your installation.
 * It’s not done visually or with a mouse, you have to add that code to your site
   to make that logo position change.
 *  Thread Starter [acebaker](https://wordpress.org/support/users/acebaker/)
 * (@acebaker)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/moving-layout-elements-1/#post-5280831)
 * Got it. Ok, thanks. Really, “WordPress” is not a CMS. Each theme is its own unique
   CMS, and WordPress is like a container. The capabilities of managing content 
   are dependent upon the particulars of the theme, not WordPress.
 * There’s at least 1 CSS editor plug that claims to be visual, microthemer lite.
 * [https://wordpress.org/plugins/tags/visual-css-editor](https://wordpress.org/plugins/tags/visual-css-editor)
 * But I’m afraid to even install it, on advice of my developer. WordPress seems
   incredibly primitive to me, like 1997 all over again. But I am very new, and 
   I have so much to learn. I would be delighted if my current assessment proves
   incorrect.
 * Currently, I either have to learn CSS code (by all accounts a career in itself),
   or pay somebody $200 every time I want to edit a pixel.
 *  [jcadima](https://wordpress.org/support/users/jcadima/)
 * (@jcadima)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/moving-layout-elements-1/#post-5280839)
 * acebaker, no need to pay anyone $200 , just post any questions you may have about
   your theme layout here and we can guide you step by step how to do those changes.
 *  Thread Starter [acebaker](https://wordpress.org/support/users/acebaker/)
 * (@acebaker)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/moving-layout-elements-1/#post-5280842)
 * OK, thanks.
 * Currently running a theme “U-Design”. There are many other themes out there that
   appear much closer to what I want. However, my developer told me I cannot install
   any new theme, because it would break the custom coding they did to make my apps
   work.

Viewing 10 replies - 1 through 10 (of 10 total)

The topic ‘Moving Layout Elements’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 10 replies
 * 3 participants
 * Last reply from: [acebaker](https://wordpress.org/support/users/acebaker/)
 * Last activity: [11 years, 7 months ago](https://wordpress.org/support/topic/moving-layout-elements-1/#post-5280842)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics