WordPress.org

Ready to get started?Download WordPress

Forums

CataBlog
[resolved] CSS what am I missing here? (6 posts)

  1. Zane
    Member
    Posted 3 years 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?

  2. Zane
    Member
    Posted 3 years 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 :)

  3. macguru2000
    Member
    Plugin Author

    Posted 3 years 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.

  4. Zane
    Member
    Posted 3 years 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.

  5. macguru2000
    Member
    Plugin Author

    Posted 3 years 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/

  6. Zane
    Member
    Posted 3 years ago #

    - Rated working

    - Liked on Facebook

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

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags