WordPress.org

Ready to get started?Download WordPress

Forums

WP Catalogue
[resolved] layout problem (15 posts)

  1. shyenming84
    Member
    Posted 1 year ago #

    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/

    Thank

    http://wordpress.org/extend/plugins/wp-catalogue/

  2. Maeve Lander
    Member
    Plugin Author

    Posted 1 year ago #

    Looks like you need to tweak your css as follows - add this to your theme:

    #wpc-col-2 {
    	width: 702px !important;
    	float:left;
    }
  3. tckrockz
    Member
    Posted 1 year ago #

    I already tried adding the CSS code but no luck

    http://thermatecparts.com/products/

  4. Maeve Lander
    Member
    Plugin Author

    Posted 1 year ago #

    @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 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

  5. tckrockz
    Member
    Posted 1 year ago #

    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.

  6. Maeve Lander
    Member
    Plugin Author

    Posted 1 year ago #

    No.... see 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

  7. tckrockz
    Member
    Posted 1 year ago #

    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.

  8. shyenming84
    Member
    Posted 1 year ago #

    thanks...solved here

  9. Maeve Lander
    Member
    Plugin Author

    Posted 1 year ago #

    @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.

  10. shyenming84
    Member
    Posted 1 year ago #

    How can I edit the navigation bar? now is out of track.

    http://megatechimaging.com.my/machines/

  11. shyenming84
    Member
    Posted 1 year ago #

    And also why the images not showing full on all product page?
    http://megatechimaging.com.my/machines/

  12. shyenming84
    Member
    Posted 1 year ago #

    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/

    Appreciate you can help....

  13. vijit.pareek@gmail.com
    Member
    Posted 1 year ago #

    Hi Maeve i have the same problem webpage http://www.vplusmedia.in/cooperative/products/
    please accept my 100000000 tanks for this great plugin and your kind support

  14. vijit.pareek@gmail.com
    Member
    Posted 1 year ago #

    Sorry for the mistake it is thanks

  15. Maeve Lander
    Member
    Plugin Author

    Posted 1 year ago #

    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! :-)

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic