Title: CSS Help
Last modified: August 31, 2016

---

# CSS Help

 *  Resolved [kholoshian](https://wordpress.org/support/users/kholoshian/)
 * (@kholoshian)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/css-help-59/)
 * Hi Joe,
 * Firstly, awesome plugin – a real masterpiece! 🙂
 * I’m having trouble getting my head around the AN CSS – i’ve managed to change
   some elements but can’t fix others. I want to be able to do the following on 
   this page; [http://www.sdmotorcycles.co.uk/stock/](http://www.sdmotorcycles.co.uk/stock/)
 * 1. centre both the ‘price’ and ‘view item’ elements
    2. make the red background
   on the price go the full width 3. Stop the titles from overwriting other titles(
   you can see this further down on some items)
 * Hope you can help if it just a bit 🙂
 * Many thanks in advance
    Mike
 * [https://wordpress.org/plugins/auction-nudge/](https://wordpress.org/plugins/auction-nudge/)

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

 *  Plugin Author [Joe](https://wordpress.org/support/users/morehawes/)
 * (@morehawes)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/css-help-59/#post-7071778)
 * Hi Mike,
 * Thanks for reaching out. The following CSS should achieve this:
 *     ```
       #auction-nudge-items .an-item .an-title a {
           overflow-wrap: break-word;
       }
       #auction-nudge-items .an-item .an-view,
       #auction-nudge-items .an-item .an-amount {
           width: 96%;
           text-align: center;
       }
       ```
   
 * I hope this helps.
 * Joe
 *  Thread Starter [kholoshian](https://wordpress.org/support/users/kholoshian/)
 * (@kholoshian)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/css-help-59/#post-7071800)
 * Hey Joe,
 * Thanks for the really quick response. I put those changes in place and ALL but
   one worked.
 * #auction-nudge-items .an-item .an-title a {
    overflow-wrap: break-word; } Tried
   this a few times with the odd variation but no joy – still getting the titles
   overflowing into the next ad.
 * Any ideas?
 * Thanks again
    Mike
 *  Thread Starter [kholoshian](https://wordpress.org/support/users/kholoshian/)
 * (@kholoshian)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/css-help-59/#post-7071802)
 * Also tried
 * word-wrap: break-word;
    word-break: break-word;
 * no joy 🙁
 *  Thread Starter [kholoshian](https://wordpress.org/support/users/kholoshian/)
 * (@kholoshian)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/css-help-59/#post-7071807)
 * Interestingly ‘overflow-wrap: break-word;’ appears to work in Chrome but not 
   IE or Firefox. In chrome it does have the unfortunate side effect of throwing
   the ads out of alignment – probably due to the height of the container for the
   title.
 * Back to the drawing board i guess!
 *  Plugin Author [Joe](https://wordpress.org/support/users/morehawes/)
 * (@morehawes)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/css-help-59/#post-7071853)
 * Hi Mike,
 * This is an odd one, but I eventually pinpointed the issue. I recommend removing`
   overflow-wrap: break-word` and instead adding the following:
 *     ```
       #auction-nudge-items .an-item .an-title a {
           white-space: normal;
       }
       ```
   
 * Hopefully this should do the trick.
 * Joe
 *  Thread Starter [kholoshian](https://wordpress.org/support/users/kholoshian/)
 * (@kholoshian)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/css-help-59/#post-7071856)
 * Hi Joe,
 * Looks like you cracked it. Last question i prmoise. Is there any way of increasing
   the height of the container for the title so that if it needs to wrap it wont
   throw the alignment out. You’ll see what i mean if you look at the page [http://www.sdmotorcycles.co.uk/stock/](http://www.sdmotorcycles.co.uk/stock/).
 * Mind you saying that I’m guessing that’s only going to increase the whitespace
   between the title and the image that is already quite large.
 * Thanks in advance
    Mike
 *  Thread Starter [kholoshian](https://wordpress.org/support/users/kholoshian/)
 * (@kholoshian)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/css-help-59/#post-7071863)
 * Posted a review for you – well earned 🙂
 *  Plugin Author [Joe](https://wordpress.org/support/users/morehawes/)
 * (@morehawes)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/css-help-59/#post-7071864)
 * Hi Mike,
 * Setting the title height to a fixed amount should resolve this:
 *     ```
       #auction-nudge-items div.an-item div.an-title {
           height: 40px;
       }
       ```
   
 * As for the gaps between the images and text, this is to accommodate product images
   in portrait orientation. If all of your images are going to be landscape, like
   they are currently then you could decrease this gap like so:
 *     ```
       #auction-nudge-items .an-item .an-image,
       #auction-nudge-items .an-item .image-container a,
       #auction-nudge-items .an-item .image-container {
           height: 220px !important
       }
       ```
   
 * You may need to experiment with different values.
 * Good luck and thanks for the review!
 * Joe
 *  Thread Starter [kholoshian](https://wordpress.org/support/users/kholoshian/)
 * (@kholoshian)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/css-help-59/#post-7071865)
 * Joe, what can I say m8 – you are a CSS god. Absolutely perfect – just what i 
   needed!!
 * Thank you so much.
 * Mike
 * PS You are very welcome for the review, just hope you pick up a bit of affiliate
   commission from our bikes when they sell – we shift alot.
 *  Plugin Author [Joe](https://wordpress.org/support/users/morehawes/)
 * (@morehawes)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/css-help-59/#post-7071891)
 * Happy to help. I hope Auction Nudge helps you get some extra traffic to your 
   eBay listings.
 * Marking this topic as resolved.
 * Joe

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

The topic ‘CSS Help’ is closed to new replies.

 * ![](https://ps.w.org/auction-nudge/assets/icon-256x256.png?rev=3491962)
 * [Auction Nudge - Your eBay Listings](https://wordpress.org/plugins/auction-nudge/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/auction-nudge/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/auction-nudge/)
 * [Active Topics](https://wordpress.org/support/plugin/auction-nudge/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/auction-nudge/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/auction-nudge/reviews/)

 * 10 replies
 * 2 participants
 * Last reply from: [Joe](https://wordpress.org/support/users/morehawes/)
 * Last activity: [10 years, 3 months ago](https://wordpress.org/support/topic/css-help-59/#post-7071891)
 * Status: resolved