can′t style a flexbox in product page

  • Resolved webdevtestus

    (@webdevtestus)


    5 years, 8 months ago

    Hi, and thanks in advance.
    NOTE: NSFW site, maybe some hot images from eBooks covers, no nude but adult romance covers.

    Great.

    I have storefront+bookshop child theme and in one page, i have this shortcode to ahve only a column (note that the shortcode even has a class)

    [products limit=”6″ columns=”1″ category=”mf” class=”product-shortcode” cat_operator=”AND” ]

    ok, Playing around with chrome dev tools I was able to align images to the left BUT when i put the CSS selector within Custom CSS in my WP, it doesn′t work at all.

    with this code when inspecting page I CAN put eBooks cover to the left

    .hentry .entry-content ul.products {

    display: flex;
    align-items: left;
    justify-content: center;
    flex-flow: column wrap;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: left;

    }

    BUT I get an alert (it seems I can′t put left in align-content or items).

    What I need?

    Left align eBook covers (images), plus aligned to the right of images, the brief/sinopsis, price, stars and headline

    thanks in advance for your help

    webdevtestus

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Thread Starter webdevtestus

    (@webdevtestus)

    Ok, solved, my mistake
    it seems I had failed to get the right CSS class, here the code that works

    /*Align images to the left*/
<strong>div.columns-1 {</strong>
	float: left
}
Viewing 1 replies (of 1 total)
  • The topic ‘can′t style a flexbox in product page’ is closed to new replies.