WordPress.org

Ready to get started?Download WordPress

Forums

Daisy Rae Gemini Rerelease (42 posts)

  1. Jennifer Ledbetter Clay
    Member
    Posted 9 years ago #

    I have a fix the padding and margins around image files as requested.

    You can download the newest version here.

    Please let me know if this version gives you any problems, I'll be more than glad to help and fix :)

  2. junior466
    Member
    Posted 9 years ago #

    Looks great! I'll be sure to give it a try!

    Btw, What is that toolbar with the buttons "css", "view source" and such? Is it some type of extension for Firefox?

  3. Jennifer Ledbetter Clay
    Member
    Posted 9 years ago #

    Yes

    it is the WebDeveloper extension. Great, a must have!

  4. Kafkaesqui

    Posted 9 years ago #

    Thanks for the update. ;)

  5. It's gorgeous, as usual. :) I'll second the usefulness of the Web Dev toolbar for FF.

  6. Root
    Member
    Posted 9 years ago #

    I really like to see theme devs supporting their offerings in the forum. Nobody expects perfection first time out and it is great to see bugs getting fixed promptly.
    geeksmakemehot puts many theme authors to shame. Good on yer. :)

  7. debwire
    Member
    Posted 9 years ago #

    Would you mind stating which file(s) were specifically updated so that I only install those. I've customized my pages, sidebar, etc. and would prefer to only update the necessary files (and avoid having to re-do all of my code). Please advise.

    Also -- I am using the cg-amazon plugin on the sidebar and cannot seem to figure out how I go about removing the hover and little

  8. icon next to the amazon items. I'd prefer the plugin display just the image with its associated text. I believe something needs to be changed in the theme itself, not the plugin, in order to make it display the way I desire. Any assistance is appreciated.

  • debwire
    Member
    Posted 9 years ago #

    Also -- can someone please let me know (by responding to this post) whether or not this theme on my site looks okay in IE. When I view it, the right sidebar starts down in the middle of the page. How do I fix this if this is what other folks are seeing too? Thanks.

    (btw, I usually use Firefox but opened IE to see how it looked and discovered this)

  • Jinsan
    Member
    Posted 9 years ago #

    debwire, your sidebar is borked in IE here too. Additionally. your menu seemed to be abnormally large, or is that intended?

  • debwire
    Member
    Posted 9 years ago #

    Do you mean large in width or length? I haven't modified the size widthwise -- just kept the defaults in the template.

    Does anyone know how I fix this IE display problem in the files?

  • Mark (podz)
    Support Maven
    Posted 9 years ago #

    In FF, I see the menu below the post area at this url:
    http://www.debwire.com/photoblog/
    this change in the CSS fixes it
    #menu {float: right;width: 165px; margin-right: 3px; border-left: 1px dashed #BAA99F;}

    Looks like that change will work in IE too ?

  • debwire
    Member
    Posted 9 years ago #

    I tried your recommendation and it still looks wonky in IE. I'm seeing it fine in FF no matter what setting I alter:

    #content {float: left;width: 500px; padding-top: 40px;}
    #menu {float: right;width: 165px; margin-right: 3px; border-left: 1px dashed #BAA99F;}

    I'm stumped. It'd be a shame to have to switch themes if I cannot get this to display properly. :-(

    I did notice this code and I'm not sure what it does or if it has any affect:

    #farouter {background: #ffffff;width: 760px; border: 1px solid #3A291F;margin: 20px auto 20px auto;text-align: left; /* IE 5.5 hack part II */}

  • debwire
    Member
    Posted 9 years ago #

    I think I found the solution (please see if it looks okay in FF and IE for you):

    #farouter {background: #ffffff;width: 800px; border: 1px solid #3A291F;margin: 20px auto 20px auto;text-align: left; /* IE 5.5 hack part II */}

    I changed the 760 to 800 -- not certain what that will hurt, but it looks okay in IE to me now.

  • Root
    Member
    Posted 9 years ago #

    It looks fine in FF now except those images in the lower menu just overhang the edge. list style type none would fix it.

  • debwire
    Member
    Posted 9 years ago #

    For the most part this theme's css stylesheet does indicate "none" for list-style-type, except for here:

    .post ul li {
    padding: 0px;
    font-weight: normal;
    list-style: url('images/icon.gif');
    line-height: 1.5em;
    }

    .post ul li:hover {
    padding: 0px;
    font-weight: normal;
    list-style: url('images/icon2.gif');
    line-height: 1.5em;

    I set the above to none but didn't see a difference.

    And when I verify the cg-amazon.css file for the same, all list-style-types are set to "none" as well. Any other ideas?

    For me, in FF, the images aren't off the column's edge. Hmm.

    I do want to be able to eliminate the special theme formatting in the display of the amazon.com items but still haven't figured out where/how to do that in either stylesheet.

  • Root
    Member
    Posted 9 years ago #

    Its the class for ul amazon block that needs it. You can leave it in but the indent is adding to the width. Margin left to zero might do it as well. It just seems confusing having a rollover icon next to an image.

  • debwire
    Member
    Posted 9 years ago #

    Oh I definitely know that. I want to eliminate the icon and other formatting and just have the image and text for the amazon item. I'll look further, based on what you said and see if I can figure out how to change it.

    All of the amazon stylesheet list types are set to none. Where are you recommending I make these changes? When I look at the amazon plugin css code, I see:

    /* .amazon-item-wrap is how CG-Amazon wraps an entire block of output -- it is a DIV tagged class */
    .amazon-item-wrap span {display: block; }

    /* .amazon-block is a UL tag that wraps a group of products. each product is in an un-classed LI tag. */
    /*.amazon-block { }*/

    but can't tell where or what parameters I'm supposed to add to change the way it displays.

    Here are some additional settings:

    /* .amazon-item is a UL tag automatically added to wrap a SINGLE product, if you choose LI style item info tagging (rather than SPAN) */
    .amazon-item a, .amazon-item a:hover
    {
    display: block;
    margin: 0;
    padding: 0;
    margin-top: 8px;
    margin-bottom: 2px;
    }

    and

    .amazon-item-wrap a
    {
    text-decoration:none;
    display: block;
    }

    and

    .float-amazon-block, .inline-amazon-block {
    display: block;
    width: 172px;
    border: 1px dashed #555599;
    padding: 5px;

    margin-top: 1px;
    margin-bottom: 1px;
    /*
    float:left;
    margin-left: 0px;
    margin-right: 10px;
    */
    margin-left: 10px;
    margin-right: 4px;
    background: #fcfcff;
    text-align: center;
    list-style-type: none;
    }

    .amazon-block li {
    list-style-type: none;
    list-style-image: none;
    }
    .amazon-block li { /* some templates use new funky stuff, we have to disable... */
    content: "";
    }

    .inline-amazon-block { float:left; clear:none; }

    .float-amazon-block {
    float:right;
    clear:right;
    }

    .float-amazon-block a, .float-amazon-block a span, .inline-amazon-block a, .inline-amazon-block a span
    {
    color: #222255;
    text-decoration:none;
    display:block;
    }

    .float-amazon-block a:hover, .inline-amazon-block a:hover {
    color: #774444;
    text-decoration:none;
    background: #bbbbff;
    display:block;
    }

    .float-amazon-block .t-amazon, .float-amazon-block .x-amazon, .inline-amazon-block .t-amazon, .inline-amazon-block .x-amazon
    {
    margin:0;
    padding:0;
    color: #aa6688;
    text-align: center; /* text align doesn't seem to work in this case! */
    font: normal 9px Arial, sans-serif;
    }

    .amazon-item-wrap .t-amazon-price
    {
    text-align: center;
    padding-bottom: 4px;
    color: #4466c0;
    font: bold italic 9px Times, serif;
    }

    btw, I've selected SPAN and it doesn't make a difference.

  • Root
    Member
    Posted 9 years ago #

    Its up at the top but commented /*.amazon-block { }*/
    Uncomment and add your list style type none in there.

  • debwire
    Member
    Posted 9 years ago #

    Thanks for your continuous help.

    It doesn't seem to make a difference whether I set the code to:

    /* .amazon-block is a UL tag that wraps a group of products. each product is in an un-classed LI tag. */
    .amazon-block {list-style: none; }

    or

    /* .amazon-block is a UL tag that wraps a group of products. each product is in an un-classed LI tag. */
    .amazon-block {list-style-type: none; }

    It's still held hostage by the theme's style. *sigh*

  • Root
    Member
    Posted 9 years ago #

    Try amazon-item-wrap as the CSS selector.

  • debwire
    Member
    Posted 9 years ago #

    I don't understand exactly what you mean? Can you provide example code? Thanks again!

  • Root
    Member
    Posted 9 years ago #

    Find that in the CSS or add it somewhere. Then do list style type none as per.

  • debwire
    Member
    Posted 9 years ago #

    These are the lines in the amazon plugin's css code that display amazon-item-wrap in some way:

    /* .amazon-item-wrap is how CG-Amazon wraps an entire block of output -- it is a DIV tagged class */
    .amazon-item-wrap span {display: block; }

    and

    .amazon-item-wrap a
    {
    text-decoration:none;
    display: block;
    list-style-type: none;
    }

    and

    .amazon-item-wrap .t-amazon-price
    {
    text-align: center;
    padding-bottom: 4px;
    color: #4466c0;
    font: bold italic 9px Times, serif;
    list-style-type: none;
    }

    I even added the below line to the theme's stylesheet (as well as the plugin's):

    .amazon-item-wrap {list-style-type: none; }

    Still no go. Am I doing something wrong? I'm definitely no CSS expert (not even close).

  • Root
    Member
    Posted 9 years ago #

    Sorry I am really embarrassed about this - particularly as I wrote most of the CSS. I am losing my touch. This should be it. It is a background image. The code in question is
    #nav a {
    display: block;
    padding: 3px;
    padding-left: 17px;
    width: 130px;
    background-color: #FFF;
    background-image: url(images/icon.gif);
    background-repeat: no-repeat;
    background-position: 0 55%;
    border-bottom: 1px dotted #BAA99F;

    }
    That is the icon and the other stuff.
    Now you have to figure out how to take it out for the Amazon bit only.

    .amazon-block ul li a {
    display: block;
    padding: 3px;
    padding-left: 17px;
    width: 130px;
    background-color: #FFF;
    }

    Might do it.

  • debwire
    Member
    Posted 9 years ago #

    Doesn't seem to work. :-(

    I've added the code you indicated above to both the amazon plugin css file and to the theme's css file.

  • Jennifer Ledbetter Clay
    Member
    Posted 9 years ago #

    It seems you need a wider sidebar.

    My suggestion would be to widen the #menu and narrow the #content.

  • debwire
    Member
    Posted 9 years ago #

    Will try that, but a wider sidebar showed up wonky in IE. The sidebar started somewhere below the bottom post.

    Also, my major attempt here is to get rid of the theme's formatting of the amazon.com images in the sidebar. I need for the icon to go away on just the amazon.com images/text. I'm using the cg-powerpack amazon plugin that also has a stylesheet. Between the two stylesheets I have tried half the day to remove this formatting without success. If you or anyone else has any ideas, that would be helpful.

    Thanks.

  • Jennifer Ledbetter Clay
    Member
    Posted 9 years ago #

    I *think* you need to edit the sidebar.php file to get what you want.

    End your <div id="nav"> and start a new id for the amazon list with the css coding Root listed above.

    The problem is if the Amazon lists are inside #nav, the bulleted images will show up reguardless of what you do.

  • debwire
    Member
    Posted 9 years ago #

    Okay.....did what you suggested and it makes sense but I must be missing something here. I've added to your theme's stylesheet the following (because the first line of the above code didn't seem to work and I figure the div name and the section in the stylesheet need to be the same):

    #amaz a
    {
    display: block;
    padding: 3px;
    padding-left: 17px;
    width: 130px;
    text-align: left;
    background-color: #FFF;
    }

    and in the sidebar I added a new div outside of the nav div, but inside the menu div:

    <div id="amaz">

    <?php show_amazon_items(3); ?>
    </div>

    ....and I'm obviously screwing something up because now the sidebar display looks worse (it's still all the way over to the right even though I played with the CSS code Root provided above). The bullet items are gone (which was half the battle) so now it's just a matter of getting it to format to the left. Honestly, I take pics and am barely good at that -- CSS is not my expertise. What "specifically" do I need the code to be?

    Thanks for your help.

  • Jennifer Ledbetter Clay
    Member
    Posted 9 years ago #

    I'll have to download the plugin and look at it. I've never used it before. Give me a bit :)

  • 12

    Topic Closed

    This topic has been closed to new replies.

    About this Topic

    Tags