Viewing 5 replies - 1 through 5 (of 5 total)
  • You could float a containing div.

    Thread Starter DarkCoder

    (@darkcod3r)

    How exactly. can you share code and proper instructions if possible.. !

    <div id=”test” style=”float: right; margin-left:15px; width: 50%;”>[su_box title=”Pros” box_color=”#3be863″ title_color=”#FFFFFF” radius=”3″]Integer cursus orci bibendum sem mollis, et bibendum diam sodales. Pellentesque eu suscipit magna, sed faucibus sem. Maecenas lacinia nulla vel risus molestie, in bibendum turpis congue.[/su_box]</div>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus imperdiet, nulla et dictum interdum, nisi lorem egestas odio, vitae scelerisque enim ligula venenatis dolor. Maecenas nisl est, ultrices nec congue eget, auctor vitae massa. Fusce luctus vestibulum augue ut aliquet. Mauris ante ligula, facilisis sed ornare eu, lobortis in odio. Praesent convallis urna a lacus interdum ut hendrerit risus congue. Nunc sagittis dictum nisi, sed ullamcorper ipsum dignissim ac. In at libero sed nunc venenatis imperdiet sed ornare turpis. Donec vitae dui eget tellus gravida venenatis. Integer fringilla congue eros non fermentum. Sed dapibus pulvinar nibh tempor porta. Cras ac leo purus. Mauris quis diam velit.

    Plugin Author Vova

    (@gn_themes)

    This can also be done with a custom CSS class. Navigate to Dashboard – Shortcodes – Settings and paste the following snippet into the Custom CSS code field:

    .custom-alignleft {
    	max-width: 50%;
    	float: left;
    	margin: 0 1.5em 1.5em 0;
    }
    

    Then just add your class to a shortcode:

    [su_box class="custom-alignleft"]Box content[/su_box] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin a orci odio. Maecenas tortor nisi, vehicula quis ultricies quis, imperdiet tincidunt ligula. Etiam bibendum nisl in ultrices luctus. Donec varius commodo massa sed consectetur. Ut sit amet sem non mi tincidunt sodales ac a risus. Quisque imperdiet mauris nec arcu cursus laoreet. Fusce viverra vehicula magna id suscipit. Aliquam viverra libero ex, vel facilisis sapien feugiat a.
    
    [su_button class="custom-alignleft"]Button text[/su_button] Nulla facilisi. Sed euismod, mi tincidunt finibus maximus, lorem magna aliquet nibh, eu pellentesque metus mi eget erat. Praesent blandit ultricies enim sit amet elementum. Integer magna ligula, eleifend nec magna dictum, dictum ultricies erat. Aliquam tempus arcu ut urna sagittis, nec mattis dui lacinia. Nunc eget quam non ante pulvinar ultricies ut ut diam. Pellentesque sit amet maximus libero, maximus interdum sem. Vestibulum elementum euismod lorem et bibendum. Phasellus luctus efficitur tincidunt. Fusce nec nulla vel neque sodales dictum ac id dui.
    

    Thread Starter DarkCoder

    (@darkcod3r)

    @swb1 @gn_themes Thank You Both.. Much appreciated. Problem Solved..

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Wrap Text Around Button & Table’ is closed to new replies.