Title: layout problem
Last modified: August 21, 2016

---

# layout problem

 *  Resolved [shyenming84](https://wordpress.org/support/users/shyenming84/)
 * (@shyenming84)
 * [12 years, 11 months ago](https://wordpress.org/support/topic/layout-problem-11/)
 * I found the product arrangement problem on All product, can anyone assist on 
   this? Appreciate someone can help, please refer the link at below.
 * [http://megatechimaging.com.my/machines/](http://megatechimaging.com.my/machines/)
 * Thank
 * [http://wordpress.org/extend/plugins/wp-catalogue/](http://wordpress.org/extend/plugins/wp-catalogue/)

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

 *  Plugin Author [Maeve Lander](https://wordpress.org/support/users/enigmaweb/)
 * (@enigmaweb)
 * [12 years, 11 months ago](https://wordpress.org/support/topic/layout-problem-11/#post-3826993)
 * Looks like you need to tweak your css as follows – add this to your theme:
 *     ```
       #wpc-col-2 {
       	width: 702px !important;
       	float:left;
       }
       ```
   
 *  [tckrockz](https://wordpress.org/support/users/tckrockz/)
 * (@tckrockz)
 * [12 years, 11 months ago](https://wordpress.org/support/topic/layout-problem-11/#post-3827059)
 * I already tried adding the CSS code but no luck
 * [http://thermatecparts.com/products/](http://thermatecparts.com/products/)
 *  Plugin Author [Maeve Lander](https://wordpress.org/support/users/enigmaweb/)
 * (@enigmaweb)
 * [12 years, 11 months ago](https://wordpress.org/support/topic/layout-problem-11/#post-3827124)
 * [@tckrockz](https://wordpress.org/support/users/tckrockz/)
    In your case I checked
   it in my element inspector and I can see that there is a conflict with another
   script running on your site line 99 of [http://thermatecparts.com/wp-content/themes/kickstart/dynamic-style.php?ver=3.5.1](http://thermatecparts.com/wp-content/themes/kickstart/dynamic-style.php?ver=3.5.1)
   This script uses the same css class and is overriding the plugin/your theme css.
   You’ll need to remove or rename this css in order to have control over the layout
   of your wp catalogue via your theme css
 *  [tckrockz](https://wordpress.org/support/users/tckrockz/)
 * (@tckrockz)
 * [12 years, 11 months ago](https://wordpress.org/support/topic/layout-problem-11/#post-3827127)
 * I’m assuming you are talking about this line right?
 * `$google_widget_font = ot_get_option('widget_font_family');`
 * I removed it but still no luck.
 *  Plugin Author [Maeve Lander](https://wordpress.org/support/users/enigmaweb/)
 * (@enigmaweb)
 * [12 years, 11 months ago](https://wordpress.org/support/topic/layout-problem-11/#post-3827162)
 * No…. see [http://thermatecparts.com/wp-content/themes/kickstart/dynamic-style.php?ver=3.5.1](http://thermatecparts.com/wp-content/themes/kickstart/dynamic-style.php?ver=3.5.1)
 * Scroll to the bottom and you can see you have this:
 *     ```
       #wpc-col-2 {
       	width: 702px !important;
       	float:left;
       }
       ```
   
 * So the problem is that you can see above width is marked !important which is 
   overriding anything in your other css or plugin css. You need to be able to adjust
   this width of your col-2 in the wp catalogue to fix the layout
 *  [tckrockz](https://wordpress.org/support/users/tckrockz/)
 * (@tckrockz)
 * [12 years, 10 months ago](https://wordpress.org/support/topic/layout-problem-11/#post-3827174)
 * Okay that was from the custom CSS I added. I removed the code just now. The same
   problem is still there though. It is something affecting the theme but I can’t
   figure out how to fix the issue.
 *  Thread Starter [shyenming84](https://wordpress.org/support/users/shyenming84/)
 * (@shyenming84)
 * [12 years, 10 months ago](https://wordpress.org/support/topic/layout-problem-11/#post-3827175)
 * thanks…solved here
 *  Plugin Author [Maeve Lander](https://wordpress.org/support/users/enigmaweb/)
 * (@enigmaweb)
 * [12 years, 10 months ago](https://wordpress.org/support/topic/layout-problem-11/#post-3827177)
 * [@tckrockz](https://wordpress.org/support/users/tckrockz/)
    Now you just need
   to make your #wp col-2 the right width for your design. In your case 692px would
   work nicely. Use !important attribute to override the plugin css if you need 
   to.
 *  Thread Starter [shyenming84](https://wordpress.org/support/users/shyenming84/)
 * (@shyenming84)
 * [12 years, 10 months ago](https://wordpress.org/support/topic/layout-problem-11/#post-3827178)
 * How can I edit the navigation bar? now is out of track.
 * [http://megatechimaging.com.my/machines/](http://megatechimaging.com.my/machines/)
 *  Thread Starter [shyenming84](https://wordpress.org/support/users/shyenming84/)
 * (@shyenming84)
 * [12 years, 10 months ago](https://wordpress.org/support/topic/layout-problem-11/#post-3827179)
 * And also why the images not showing full on all product page?
    [http://megatechimaging.com.my/machines/](http://megatechimaging.com.my/machines/)
 *  Thread Starter [shyenming84](https://wordpress.org/support/users/shyenming84/)
 * (@shyenming84)
 * [12 years, 10 months ago](https://wordpress.org/support/topic/layout-problem-11/#post-3827180)
 * and one thing, why the display picture not showing in the resolutions I set on
   backend? seem like blur.
 * [http://megatechimaging.com.my/wpcproduct/bizhub250-35/](http://megatechimaging.com.my/wpcproduct/bizhub250-35/)
 * Appreciate you can help….
 *  [vijit.pareek@gmail.com](https://wordpress.org/support/users/vijitpareekgmailcom/)
 * (@vijitpareekgmailcom)
 * [12 years, 10 months ago](https://wordpress.org/support/topic/layout-problem-11/#post-3827190)
 * Hi Maeve i have the same problem webpage [http://www.vplusmedia.in/cooperative/products/](http://www.vplusmedia.in/cooperative/products/)
   
   please accept my 100000000 tanks for this great plugin and your kind support
 *  [vijit.pareek@gmail.com](https://wordpress.org/support/users/vijitpareekgmailcom/)
 * (@vijitpareekgmailcom)
 * [12 years, 10 months ago](https://wordpress.org/support/topic/layout-problem-11/#post-3827191)
 * Sorry for the mistake it is thanks
 *  Plugin Author [Maeve Lander](https://wordpress.org/support/users/enigmaweb/)
 * (@enigmaweb)
 * [12 years, 10 months ago](https://wordpress.org/support/topic/layout-problem-11/#post-3827192)
 * Ok guys this thread is now resolved. I can’t help every single person customise
   their css… suffice to say that you need to use your element inspector to muck
   around with the width of #wp-col-2 as per the examples above. Find what looks
   good by trial and error. Then add it to your theme css using !important attribute
   to override the plugin css as needed.
 * Marking this thread resolved.
 * If you have a different issue you need to open a new thread. But please no more
   threads asking for help with #wp-col-2! Thanks! 🙂

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

The topic ‘layout problem’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/wp-catalogue_adaa98.svg)
 * [WP Catalogue](https://wordpress.org/plugins/wp-catalogue/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/wp-catalogue/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/wp-catalogue/)
 * [Active Topics](https://wordpress.org/support/plugin/wp-catalogue/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/wp-catalogue/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/wp-catalogue/reviews/)

## Tags

 * [layout-problem](https://wordpress.org/support/topic-tag/layout-problem/)

 * 14 replies
 * 4 participants
 * Last reply from: [Maeve Lander](https://wordpress.org/support/users/enigmaweb/)
 * Last activity: [12 years, 10 months ago](https://wordpress.org/support/topic/layout-problem-11/#post-3827192)
 * Status: resolved