Hello, I’ve the same question!
I am very happy with the plugin for http://www.webshopglas.nl/producten/ but now I want to change the green color into blue and I also like it to put the colums in the center of the page. I think I have to change this in the style??? But where???
Thank you for answering the questions.
Thread Starter
inetol
(@inetol)
hi, anvanamer, this category background color is an image file. it can find at wp-catalogue\includes\css\images
but for the column problem, i also need a help. i facing same problem too.
Hi Guys,
The layout and how the catalogue renders can be controlled/customised via CSS… you need to do it in your theme css not in the plugin css. You can use the !important attribute to override the plugin css.
@anvanamer
Add this code to your theme css to fix your layout:
#wpc-col-2 {
width: 60% !important;
}
And this code to your theme css to change the colour of the category tab rollover:
#wpc-col-1 ul li a:hover, #wpc-col-1 ul li.active-wpc-cat a {
background: #0a0d6b !important;
}
@inetol
I can’t quite see why the catalogue is not staying within the normal body div like content on other pages… I think you need to check your css and make sure your main body content div is styled correctly. You could also try putting the catalogue shortcode within it’s own <p> or <div> within the page.
Dear Maeve,
Thank you so much for your reply! So kind. I understand that I’ve to change the code but I use Weaver theme. I found this text in the style.css
DO NOT EDIT THIS FILE! The Weaver Theme has been designed so that editing style.css is no longer required!
If you need to make changes to the styles rules, add override CSS rules to the <HEAD> Section in the
Advanced Options tab of the Weaver admin panel.
How can I just change the layout???? Can you advise me???
Thanks.
Thread Starter
inetol
(@inetol)
hi, @maeve, thanks for your reply.
but i still new in WP & i dont know about coding.
i not sure what you means for ” You could also try putting the catalogue shortcode within it’s own <p> or <div> within the page.”
@anvanamer
Ok sure, sounds like your theme developer is advising you don’t make mods in the theme because then when you update the theme it would overwrite them…. so the way around this is to create a child theme. Read the information in the codex about child themes and give it a try 🙂 Once you’ve got your new child theme pop the code snippets I mentioned before into your new child theme.
@inetol
Instead of just adding [wp-catalogue] into your editor… go to text view and add it with: <div>[wp-catalogue]</div>
Thread Starter
inetol
(@inetol)
hi, Maeve, actually i didnt create a page for [wp-catalogue].
the our product (http://www.inetolgift.com/cms/our-products/) is a page i created with all image’s advance setting with the category page linking.
Ahha I think that might explain the problem inetol… please can you create an actual page in WordPress pages area and add the shortcode [wp-catalogue] then send me a link?
I think the problem might be that when the catalogue is not actually embedded in a page it is outside of the body container div and thus not inheriting the correct styles to align the way your other body content does.
Thread Starter
inetol
(@inetol)
Dear Maeve,
http://www.inetolgift.com/cms/catalogue/
but the product moved to bottom.
can i do like this?
when i click on the ” all product” it can link to this page http://www.inetolgift.com/cms/our-products/
Thread Starter
inetol
(@inetol)
or can you please advise me is there any short code for the category listing? so that i can create every page by individual category. then i can linking the image at our-product page with the page.
Thread Starter
inetol
(@inetol)
Dear Maeve, is there any solution for me?
Thread Starter
inetol
(@inetol)
maeve, why my product page cannot show at center?
Thread Starter
inetol
(@inetol)
dear Maeve, i still cant solve my problem yet.
for the catalog product page (all product) its already be center.
but once we click on the categories listing & the individual product page, it cant show in center.
i really need a help..
@inetol
i looked at your page link
This may help you: in file
plugins/wp-catalogue/includes/css/catalogue-styles.css
Add this in the 1st line:
#wpc-catalogue-wrapper {
width: 75%; margin:0 auto;
}
This will make your entire catalogue center aligned.
Thread Starter
inetol
(@inetol)
@dee0954, thanks alot for this solution. its work.. i changed the width same as per my pages size..
really thanks alot.
but the another problem is the .wp-catalogue-bradcrumb i had added in the width too but at product description page, its still at left hand site. 🙁
