Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1429995

    Hi,

    Ich möchte ein product (displayed via shortcode) oder einen Produkt-Raster in einer Spalte mittig darstellen, es wird aber immer links oben eingestellt.

    Für den code block habe ich https://kriesi.at/support/topic/how-to-centre-a-code-block-on-a-page/, ohne Erfolg.

    Ebenso habe ich bei so gut wie allen in Frage kommenden divs den CSS code text-align: center !important; versucht, ebenfalls ohne Erfolg.

    Habt Ihr eine Idee wie das zu machen ist?

    #1430012

    Hey aboderc,
    Thanks for the link to your page, I see that you have a square with a code block that seems to have woo product shortcode, but the problem is that the code block has a shortcode for a three column product
    Enfold_Support_4441.jpeg
    so the css for this gives it a width of 18%, this is why the product is to the top left, not because of the code block.
    Try this css:

    #top.home .products.columns-3 .product {
    	width: 100%;
    	margin: auto;
    }

    Enfold_Support_4443.jpeg
    Your other two products have a two column woo code so they are to the left because their width is only 49.5%
    Enfold_Support_4445.jpeg
    for them try this css:

    #top.home .shop_columns_2 .products .product {
    	width: 100%;
    	margin: auto;
    }

    Enfold_Support_4447.jpeg
    Lets us know if this helps.

    Best regards,
    Mike

    #1430018

    Perfect, works like a charm.

    #1430020

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘center a product-raster’ is closed to new replies.