Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • May 23, 2017 at 6:50 am #798073
    jabbler

    On the following page:

    http://www.jabble.jp/plans-prices/

    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.

    Kelly

    May 23, 2017 at 12:21 pm #798218
    Rikard

    Hey Kelly,

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

    Best regards,
    Rikard

    May 23, 2017 at 1:39 pm #798269
    jabbler

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

    Hmm….

    May 23, 2017 at 1:46 pm #798272
    jabbler

    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 23, 2017 at 7:18 pm #798453
    John Torvik

    Hi,

    May you provide us the WP credentials?

    Best regards,
    John Torvik

    May 24, 2017 at 5:20 am #798709
    jabbler

    I’ll attach the info in the private content

    May 24, 2017 at 8:24 am #798763
    Rikard

    Hi,

    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,
    Rikard

    May 24, 2017 at 8:28 am #798766
    jabbler

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

    May 24, 2017 at 11:54 am #798852
    jabbler

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

    May 25, 2017 at 7:22 pm #799733
    Victoria

    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,
    Victoria

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