dailylit

Read books by email or RSS.
FAQ | Blog | Learn more »

Welcome, guest!
Log in | Register to join DailyLit.

Help Requests

Customizing Bookroll

I have a problem with the way my bookroll looks. I want to have one on my blog, but the title "My DailyLit" is huge and looks out of place, and when I tried removing it from the code, it displayed anyway. Is there a possibility of having more control over the way the bookroll looks via CSS or else just having an RSS feed?

Reply

danahuff

Posted by danahuff
Jul 28, 2009 9:31 pm

Replies (4)

Posted by

  • I cannot offer more detailed advice without seeing your blog and how seeing how it but you can try this.

    In the CSS for your site add the following: (and I do not know how well this will format so bear with me)

    .daily-banner a
    {
    font-size: 12px;
    }

    Change the font-size number until it is at a size you are happy with. This should only affect the part of the book roll that says "Daily Lit"

    cresswgaJul 29, 2009 10:20 am
    by cresswga

  • Thanks, cresswga for trying to tackle this technical question for danahuff. You were really close, but the correct CSS for changing the font size of "My DailyLit" is:

    .dailylit-banner a { font-size: 12px;}

    And the 12px can be changed to whatever size you desire.

    @danahuff: what cresswga is showing you here is that you do have control over how our blogroll looks with CSS. What you can do to customize any part of it is to look at the HTML source for your blog roll once you have added our JavaScript to you HTML document. What's happening is that we are sending over HTML through that JavaScript you paste into your document, so you can't see that HTML till you render the document in a browser. All of the elements of your blog roll will have classes like: dailylit-banner, dailylit-link, dailylit-book, etc.

    These are totally customizable by you through CSS.

    Hope this helps! And, thanks again cresswga!

    Cory

    moogboyJul 29, 2009 10:56 am
    by moogboy (admin)

  • Thanks Cory. Good catch. I had it right in my test page and then failed to copy it correctly.

    cresswgaJul 29, 2009 11:09 am
    by cresswga

  • Thanks to both of you. I knew I could alter my CSS and had tried to do so, but failed to do it correctly because I had the wrong name for the div class. I was trying dailylit-book instead of dailylit-banner. Thanks! I tried your solution, and it worked.

    danahuffJul 29, 2009 4:42 pm
    by danahuff

Login to post