Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • December 25, 2013 at 7:48 pm #18621
    Fredrik
    Member

    Hello.

    I have a problem with woocommerce.

    I have installed it and it seems to work fine, but the layout does not fit my theme.

    I have right sidebar layout with following in my css:

    #secondary {
    width: 18%;
    }
    #primary {
    width: 114%;
    }
    .entry-header { display: none; }

    See picture.

    http://www.skantzsakerhet.se/?p=296

    Problem woocommerce layout

    December 25, 2013 at 11:59 pm #18626
    Sakin
    Keymaster

    @Fredrik: Since you have customize the site CSS. I need to see the problem page. So, can you post the URL.

    December 26, 2013 at 6:37 pm #18635
    Fredrik
    Member

    @Sakin:

    hello!

    i also have the same problem id the page does not exist, for example:

    December 26, 2013 at 6:49 pm #18637
    Fredrik
    Member

    @Sakin

    Hello!

    http://www.skantzsakerhet.se/?p=295

    i also have the same problem id the page does not exist, for example:

    http://www.skantzsakerhet.se/1

    December 26, 2013 at 11:03 pm #18640
    Sakin
    Keymaster

    @Fredrik: I see that you are using Old Version of Catch Box Pro. So, first can you update the theme to latest version that is 2.9. See the change log here http://catchthemes.com/changelogs/catch-box-pro-theme/

    December 26, 2013 at 11:38 pm #18641
    Fredrik
    Member

    @Sakin
    Hi

    I have now updated to 2.9, but i still have the same layout problem.

    December 26, 2013 at 11:46 pm #18642
    Sakin
    Keymaster

    @Fredrik: I see that you have added the following Custom CSS in “Appearance => Theme Options => Custom CSS”. Remove that

    #header-content {
}
@media screen and (min-width: 961px) {
}
#secondary {
    width: 18%;
}
#primary {
    width: 114%;
}
    December 26, 2013 at 11:52 pm #18644
    Fredrik
    Member

    @Sakin

    Hi

    i have following in my css:

    #secondary {
    width: 18%;
    }
    #primary {
    width: 114%;
    }
    .entry-header { display: none; }

    If i remove all this the woocommers layout work(without displaying secondary)
    But i need this layout on all other pages but the one with woocommerce.

    Is there a way to keep the layout i have today and maybe change it on the pages with woocommerce?

    December 26, 2013 at 11:59 pm #18645
    Sakin
    Keymaster

    @Fredrik: Your css is not correct. So, remove all your custom css and add the following CSS in your Custom CSS box.

    #content {
    margin: 0 30% 0 3%;
    width: 67%;
}
#secondary {
    width: 18%;
}
.entry-header { display: none; }

    This will fix it all.

    December 27, 2013 at 12:09 am #18646
    Fredrik
    Member

    @Sakin

    Yes it workes fine!!

    Thank you very much

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Woocommerce layout problem’ is closed to new replies.