Smashly Community Forums » PhotoSmash Help » CSS Style Issue

About this topic

  • Posted by verticalworkshop 1 year ago. There are 13 posts. The latest reply is from verticalworkshop.
  • This topic is resolved

No tags yet.

  1. verticalworkshop
    Member
    Posted 1 year ago #

    Thanks for the great plug-in! I've been reading through the forums trying to get the colors right in the background, but I haven't been able to get it perfect.

    Here is the page:

    http://blog.verticalworkshop.com/?p=262&preview=true

    I think this preview should work, but let me know if it doesn't. Basically, I want a white background behind the images. Right now I have a white background with black text (good) but with black bar at the top of the image box (not good). I want it all white. I figure it might have something to do with my template style...not the plug-in style.

    I'm a little new to CSS, although I'm quite capable of cutting and pasting! Thanks to any help you can provide!

  2. byron
    Key Master
    Posted 1 year ago #

    Hi V,

    Sorry, I can't see the preview...I think you have to have admin or something...can you publish it?

    BB

  3. verticalworkshop
    Member
    Posted 1 year ago #

    Sorry, thought that might happen. Here you go.

    http://blog.verticalworkshop.com/2010/03/test-photosmash/

    Thanks!

  4. byron
    Key Master
    Posted 1 year ago #

    Cool...See what happens if you add:

    .bwbps_gallery_div {
    background-color: #ffffff !important;
    border: none !important;
    }

    I didn't test, but hopefully that will do the trick.
    BB

  5. verticalworkshop
    Member
    Posted 1 year ago #

    Thanks - I'll give it a shot.

  6. verticalworkshop
    Member
    Posted 1 year ago #

    Done - NICE! Thanks. What if I wanted to add the border back?

  7. byron
    Key Master
    Posted 1 year ago #

    Cool...just leave out the "border: none !important;" line.

    BB

  8. verticalworkshop
    Member
    Posted 1 year ago #

    Byron - sorry, I just noticed that the captions are white on my new white background. I tried to search for the right line to add to the CSS, but I haven't been successful. I'm sure it's an easy fix...can you let me know what I need to add? Thanks!

  9. Rashell
    Member
    Posted 1 year ago #

    It's about the 13th CSS section down from the top

    .bwbps_gallery_div a{
    color: #fff;
    }

    .bwbps_gallery_div a:hover{
    color: #fff;
    text-decoration: underline;
    }

  10. verticalworkshop
    Member
    Posted 1 year ago #

    Hmm...sorry Rashell...nothing. No change when I added those sections. I added them right beneath the initial code that Byron suggested earlier which successfully changed the background to all white. Any other ideas?

  11. byron
    Key Master
    Posted 1 year ago #

    VW,

    I think Rashell was just telling you where it was in the code, not the final code to use...try:

    .bwbps_gallery_div a{
    color: #000 !important;
    }

    .bwbps_gallery_div a:hover{
    color: #000 !important;
    text-decoration: underline;
    }

  12. verticalworkshop
    Member
    Posted 1 year ago #

    Still nothing. I must be doing something wrong. Below is what I have in my style.css file. The first part I added successfully changed the background to white, with no border. But the text is still white despite the addition of the last two sections. Sorry, it's probably an easy fix. Thanks for your patience!

    .bwbps_gallery_div {
    background-color: #ffffff !important;
    border: none !important;
    }

    .bwbps_gallery_div a{
    color: #000 !important;
    }

    .bwbps_gallery_div a:hover{
    color: #000 !important;
    text-decoration: underline;
    }

  13. verticalworkshop
    Member
    Posted 1 year ago #

    Sorry guys - suddenly after refreshing a bunch of times, it seems the new code is working. So I think it's resolved now. Thanks!

RSS feed for this topic