CSS what am I missing here?

  • Resolved Zane

    (@xane_777)


    12 years, 10 months ago

    Hey there,

    Thanks for a great plugin Zach! The perfect fit for a new project I am working on.

    I am far from a CSS guru and just can’t seem to figure something out – please someone assist 🙂

    In my catablog item description I am trying to display this text inline “N.33.002 5 1856 0 King Oscar 8 Skilling $22.00”

    I used this html/css and it displays perfectly as in any browser when saved as a file on its own.

    ‘<!–Added to ‘catablog/css/catablog.css’
    #listinglotno {float: left; wclassth: 64px; height:auto; background-color:pink; text-align: center;}
    .listingscottcat {float: left; wclassth: 36px; height:auto; background-color:green; text-align: center;}
    .listingyear {float: left; wclassth: 35px; height:auto; background-color:red; text-align: center;}
    .listingcondition {float: left; wclassth: 93px; height:auto; background-color:yellow; text-align: center;}
    .listingdescription {float: left; wclassth: 334px; height:auto; background-color:gray; text-align: center;}
    .listingprice {float: left; wclassth: 45px; height:auto; background-color:purple; text-align: center;}
    –>`

    <div id="listinglotno">N.33.002</div>
<div class="listingscottcat">5</div>
<div class="listingyear">1856</div>
<div class="listingcondition">0</div>
<div class="listingdescription">King Oscar 8 Skilling</div>
<div class="listingprice">$22.00</div>

    However, when I use the exact same code it my Catablog description I get line breaks and each text string gets placed one under the other?

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter Zane

    (@xane_777)

    12 years, 10 months ago

    Looking at the source code I see that some how or another line break tags are being automatically inserted.

    br {display:none}

    is a good solution 🙂

    macguru2000

    (@macguru2000)

    12 years, 10 months ago

    Hi xane_777,

    First off I would never directly edit any file within a plugin’s folder, instead add the CSS styles to your theme’s styles.css file or to a separate catablog.css file inside your theme’s folder. If you edit the catablog.css file within the plugin folder, and then later upgrade the plugin, your customization will be lost.

    Now for the line breaks, in CataBlog Options there is a description tab that has two check boxes. Make sure both the nl2br and WordPress filters check boxes are unchecked for your situation.

    Good luck.

    Thread Starter Zane

    (@xane_777)

    12 years, 10 months ago

    Sorted:)

    Good advice – thanks. I never considered the implications of future upgrades. I moved all additional CSS to my themes folder, unchecked the boxes and drop `br {display: none}

    Perfect.

    macguru2000

    (@macguru2000)

    12 years, 10 months ago

    I’m glad you got it all sorted out, also, if you haven’t already, please:

    Rate and confirm that CataBlog works
    http://wordpress.org/extend/plugins/catablog/

    Like the Facebook page
    http://www.facebook.com/catablog

    Donate to help the continued development of CataBlog
    http://catablog.illproductions.com/donate/

    Thread Starter Zane

    (@xane_777)

    12 years, 10 months ago

    – Rated working

    – Liked on Facebook

    – Not sure how much pizza and beer you can get for $15 but enjoy!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘CSS what am I missing here?’ is closed to new replies.

Tags