Transition to TD Composer

Hi,

I’ve updated my theme to the 4.0 version and made the transition to TD preaty easily but i’ve just one problem : the “box” shortcode, in fact i’ve used a lot this shortcode but he’s not include with the TD Composer so my articles looks like that : https://puu.sh/wJFOo/edd0731b90.png

:/

Any solution or update planned about this ?

Thanks in advance
Quentin

Hi,

I fully understand, did u know if the “box feature” will be added in the future ? And if yes, an ETA ?

Thanks !

Simplest fix is to use raw HTML box and put your text in there, wrap in a div and then use a custom CSS class.

e.g.,
<div class="myboxy">Exciting Stuff In Here!</div>

.myboxy{padding:10px;border:1px solid #CCC;text-align:center;color:#AB0000;}

or similar 🙂

Hi,

Thanks for your help Chris, i’ve made a custom box as u said :

.myboxy{padding:10px;text-align:center;background-color:green;color:#228B22;font-family:'Montserrat',Arial,Helvetica,sans-serif;font-size:20px;border:#fbfbfb solid 4px;color:#fff;width:100%;padding-top:22px;padding-bottom:22px;font-weight:700}

I’ve added this code to the “custom code” in the theme panel but when i use <div class="myboxy">Cet article est garanti 100% sans spoiler !</div> the css doesn’t work (but when i inspect the webpage on chrome the CSS code is here)

So i’ve decided to use this code in the top of my article instead : <style>.myboxy{padding:10px;text-align:center;background-color:green;color:#228B22;font-family:'Montserrat',Arial,Helvetica,sans-serif;font-size:20px;border:#fbfbfb solid 4px;color:#fff;width:100%;padding-top:22px;padding-bottom:22px;font-weight:700}</style>
<div class="myboxy">CET ARTICLE EST GARANTI 100% SANS SPOILER !</div>

But i have 0 skills in code and i would like to make a space between my box and the first line of the article, is that possible ? (i’ve tried the br code but the space is too big) https://puu.sh/wOrbL/15cada1e80.PNG

Thanks in advance !

what I do is put my custom style at the end of my main style.css file … seems to work best 🙂

The style should go in your header.php or end of style.css — NOT in the box portion of article template.

You can use the CSS property: margin-bottom:24px;

Hi,

Thank you for u’re help, all works fine now !