Title: CSS not positioning correctly
Last modified: August 30, 2016

---

# CSS not positioning correctly

 *  [iancolenutt](https://wordpress.org/support/users/iancolenutt/)
 * (@iancolenutt)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/css-not-positioning-correctly/)
 * Hi there
 * I have some CSS which positions my images scattered as per my codepen project:
   
   [http://codepen.io/iancolenutt/pen/pgzqqV](http://codepen.io/iancolenutt/pen/pgzqqV)
 * However the same CSS in the Maskitto Light > CSS Code is positioning them vertically
   on top of each other as per my wp site:
    [http://iancolenutt.com/](http://iancolenutt.com/)
 * Please can anyone advise me why.
 * My Thanks
    Ian

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

 *  Theme Author [shufflehound](https://wordpress.org/support/users/shufflehound/)
 * (@shufflehound)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/css-not-positioning-correctly/#post-6813614)
 * Hello,
 * You should try to add _!important_ condition for some CSS attributes and see 
   if that works.
 *  Thread Starter [iancolenutt](https://wordpress.org/support/users/iancolenutt/)
 * (@iancolenutt)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/css-not-positioning-correctly/#post-6813713)
 * Thanks [@shufflehound](https://wordpress.org/support/users/shufflehound/) but
   unfortunately that didn’t make a difference.
    Any other ideas?
 *  [stephencottontail](https://wordpress.org/support/users/stephencottontail/)
 * (@stephencottontail)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/css-not-positioning-correctly/#post-6813714)
 * On your WordPress site, you have extraneous `<br>` tags in between all of your
   images. I’m not exactly sure why they’re being added, though. Did you use the
   Visual or the Text editor when you created the content of that page?
 *  Thread Starter [iancolenutt](https://wordpress.org/support/users/iancolenutt/)
 * (@iancolenutt)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/css-not-positioning-correctly/#post-6813716)
 * Thanks [@stephencottontail](https://wordpress.org/support/users/stephencottontail/)
   I only used the `<br>` tags because they achieved the desired 3 / 2 / 1 layout
   in my codepen project. When they are removed the images all go inline horizontally.
   
   However on WordPress whether they are removed or not the images all display vertically
   regardless. I have checked all the inbuilt CSS I can find in the template and
   can’t see what’s doing it :S I suppose the problem stems from me not really knowing
   how I created the effect in the first place in codepen :p
 *  Thread Starter [iancolenutt](https://wordpress.org/support/users/iancolenutt/)
 * (@iancolenutt)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/css-not-positioning-correctly/#post-6813720)
 * Oh sorry Stephen I see what you mean now – there are 
    tags between every image
   for some reason even though there’s only two in my html. I copied the html in
   to the Text editor for that page but have no idea why they are being added :S
 *  Thread Starter [iancolenutt](https://wordpress.org/support/users/iancolenutt/)
 * (@iancolenutt)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/css-not-positioning-correctly/#post-6813722)
 * Right so according to this thread [https://wordpress.org/support/topic/i-keep-getting-ltbrgt-after-images-i-dont-want-them?replies=7](https://wordpress.org/support/topic/i-keep-getting-ltbrgt-after-images-i-dont-want-them?replies=7)
   it turns out WordPress seems to just put `<br>` in between some elements. I fixed
   it by downloading the disableautop plugin. Seems abit messy solution but it works.
   Now I need to figure out why each of my rows have blue lines through them ?!
 *  [stephencottontail](https://wordpress.org/support/users/stephencottontail/)
 * (@stephencottontail)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/css-not-positioning-correctly/#post-6813725)
 * I checked your site at 12:37pm Mountain time and I didn’t see any blue lines.
   Have you tried force-refreshing your browser or temporarily disabling any caching
   plugins you may be using?
 *  Thread Starter [iancolenutt](https://wordpress.org/support/users/iancolenutt/)
 * (@iancolenutt)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/css-not-positioning-correctly/#post-6813726)
 * Hi Stephen – I had to just manually change the color to transparent for all items
   to get rid of the blue line. No idea what caused it though :S

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

The topic ‘CSS not positioning correctly’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/maskitto-light/3.4.0/screenshot.
   png)
 * Maskitto Light
 * [Support Threads](https://wordpress.org/support/theme/maskitto-light/)
 * [Active Topics](https://wordpress.org/support/theme/maskitto-light/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/maskitto-light/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/maskitto-light/reviews/)

## Tags

 * [css code](https://wordpress.org/support/topic-tag/css-code/)

 * 8 replies
 * 3 participants
 * Last reply from: [iancolenutt](https://wordpress.org/support/users/iancolenutt/)
 * Last activity: [10 years, 5 months ago](https://wordpress.org/support/topic/css-not-positioning-correctly/#post-6813726)
 * Status: not resolved