aligning short code and warping texts (5 posts)

  1. newbieWW
    Posted 2 years ago #

    n one of my pages I'm using a woocommerce short-code along with some text. by default,I can only place it before or after to each other but I want short-code align to right(it's a featured product short code)and text from left.the text should be properly warped in the output exactly like when you put a image in the editor, is it possible ?
    <div style="float:left;margin-right:14px;">
    [featured_products per_page="12" columns="4" orderby="date" order="desc"]

    I tried this but it makes my feature product tiny,even if i change the value 14px nothing happens


  2. ManusH
    Posted 2 years ago #

    that "14px" has nothing to do with alligning to right,
    so it is normal to nothing happen when changing it.

    In that "style" definition;
    "margin-right" parameter defines the distance between that "div" to the next object on its right side,
    but "float:left" makes the div align-left.

    Because of the interactions with the other styles,
    it depends on where it displays and
    how your style decleration effect that "featured products section".

    Maybe it will be more helpful, if there is a live link for the page you are looking at.

    Or you can change and see the effects of those styles by using some browser-extensions such as Fire-Bug.

  3. newbieWW
    Posted 2 years ago #

  4. newbieWW
    Posted 2 years ago #

    oh!It's a mystile theme
    and forget about the code I wrote up there what would you do if you want feature product shordcode aline to right with tex warped from the left?

  5. newbieWW
    Posted 2 years ago #

    UPDATE : I tried the shortcode to in the side bat text/html widget even that didn't work it's still tiny :(

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • WooCommerce
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic


No tags yet.