Layout not center

Viewing 15 replies - 1 through 15 (of 20 total)

  • Hello, I’ve the same question!
    I am very happy with the plugin for https://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.

    Plugin Author Maeve Lander

    (@enigmaweb)

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

    Plugin Author Maeve Lander

    (@enigmaweb)

    @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 (https://www.inetolgift.com/cms/our-products/) is a page i created with all image’s advance setting with the category page linking.

    Plugin Author Maeve Lander

    (@enigmaweb)

    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,
    https://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 https://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. ??

Viewing 15 replies - 1 through 15 (of 20 total)
  • The topic ‘Layout not center’ is closed to new replies.