Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
  • #798073

    On the following page:


    Where it says “¥20,214/月” the text appears to be wrapping after the “,”

    I have the following code, which previously worked but does not seem to be working now.

    .avia_pricing_default .pricing-table li.avia-pricing-row small {
        display: inline-block !important;
        font-size: 16px;
        font-style: italic;
        line-height: 1.4em;
        font-weight: normal;
        letter-spacing: 1px;
        text-shadow: none;
         opacity: 1;
        color: #ffffff;
        filter: alpha(opacity=40);
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);

    I’ve also tried inline CSS:
    ¥20<small style="display: inline-block !important;">,</small>214<small style="display: inline-block !important;">/月</small>

    Which also doesn’t seem to be working.

    Any advice?

    Thank you so much in advance.



    Hey Kelly,

    Maybe you could try a span tag instead of small? That should display inline by default.

    Best regards,


    That half worked thank you!
    Ideally I’d like the image to stay in the same line.



    I actually expanded the layout element to 3/4 which keeps it inline, BUT…I can’t seem to get that 3/4 element to center.

    Any advice on that?



    May you provide us the WP credentials?

    Best regards,
    John Torvik


    I’ll attach the info in the private content



    The image can’t fit on some screen resolution, so you would have to use media queries to for instance make the text smaller on those resolutions. You can read more about media queries here: https://www.w3schools.com/css/css_rwd_mediaqueries.asp

    Best regards,


    It’s even wrapping the text on a normal 17-inch desktop monitor.


    And, how do you get a 3/4 layout element (on its own, without a 1/4 layout element) to center align?


    Hi jabbler,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    body .container_wrap .avia-builder-el-no-sibling {
        margin-left: 8%;

    If you need further assistance please let us know.

    Best regards,

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.