Changing list to a display: inline-block

  • Unknown's avatar

    The current css as follows produces a drop down list as can be seen also below:-

    <div class="propinfo">
    <p></P>
    <ul class="marBO">
    <li class="row beds">
    <span class="muted left"> Bed</span>
    <span class="right">2</span>
    ::after
    </li>
    <li class="row baths">
    <span class="muted left"> Baths</span>
    <span class="right">2</span>
    ::after
    </li>

    Ocean One 3542 Rental
    Ocean One Condo 3542
    CABARETE, OCEAN ONE CONDOS
    From $100 /Per Night
    Bed 2
    Baths 2
    m 260

    In the actual site there is spacing between the words and the numbers as a result of the <span class> css.

    I want to change this to display all the items in one single line so it would read:

    2 Bed 2 Bath 260 m2

    I also assume I will need to change the size of the container which is another issue, along with the text size.

    Any help appreciated

  • Unknown's avatar

    https://repdomwebs.wordpress.com/ is private. CSS editing is theme specific editing. Volunteers cannot view private blogs and we Volunteers do not request access to them. Staff can view private blog content and this thread is tagged for their assistance. Please be patient while waiting for a response and subscribe to this thread so you are notified when they respond. To subscribe look in the sidebar of this thread, find the subscribe to topics link and click it.

  • Unknown's avatar

    Hi Sorry I thought I had not included a site reference and did not realize the need the website this enquiry is related to is holdensothebysrealty-rentals.com

  • Hi @adrian29630, this site isn’t actually here at WordPress.com. You’re using a child theme on your own WordPress.org installation. If you didn’t make the theme yourself, the person who created it for you can likely help you change these so they aren’t list items. Good luck!

  • The topic ‘Changing list to a display: inline-block’ is closed to new replies.