Can't style the image border!

  • Dominick Bosco

    (@dominick-bosco)


    10 years, 2 months ago

    Something strange is going on–or not going on.

    My website is at dominickbosco.com.

    See the photo of me at the top of the sidebar? See that awful off-white border?

    I’ve used EVERYTHING I CAN THINK OF to get rid of that border.

    I’m using the plugin WP-biographia for the author bio in the sidebar widget. The plugin documentation recommends editing the CSS for the plugin to style the box. I did that, using the “edit” function on the plugins page. Did nothing.

    Then I took a look at the page in Firebug. I was able to identify the place where the image is styled and change the border–of course, only in Firebug. It was the same place I had made the change in the plugin editor.

    I copied the CSS from Firebug.

    I opened the front end CSS builder of my theme (Catalyst-Dynamik) and pasted it in. Like magic, the border changed to my specs in the CSS. I thought the battle was won.

    It was not. An hour later I checked the site again and the white border was back.

    Yes, I remembered to SAVE the CSS builder changes I had made!

    But strangely, as soon as I logged into the site’s back end–the CSS changes appeared! The border vanished!

    I went to the site with another browser, not logged in–the border was still there.

    So? Probably something incredibly simple that I failed to do somewhere. Please!

    Here’s the CSS I inserted in the CSS Builder, which was copied from Firebug–but also the same as what was in the plugin editor, other than the changes made to the color and size of the border:

    .wp-biographia-pic {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #FF230A;
    float: left;
    height: 100px;
    margin: 0 -122px 0 0 !important;
    padding: 0px !important;
    width: 100px;
    }
    .wp-biographia-container-none {
    background: none repeat scroll 0 0 #F2F7FC;
    border-top: medium none;
    clear: both;
    margin: 5px 0;
    overflow: hidden;
    padding: 5px;
    }

    I should also add that I also inserted this in the CSS Builder from within Dynamic Options, too. Still didn’t work.

    AND… I checked EVERY color picker in Dynamik and changed EVERY SINGLE ONE to a color other than the off-white border. Still did not change the border.

    So… I’m stumped!

    Thanks for any help you might offer,

    db

    https://wordpress.org/plugins/wp-biographia/

Viewing 1 replies (of 1 total)
  • Plugin Author vicchi

    (@vicchi)

    10 years, 2 months ago

    There’s quite a lot going on here, but I’ll try and break it down into chunks.

    A very high proportion of the customization advice you’ll find on the web starts with these lines … add the following to the end of your theme’s functions.php or even worse, advises that you modify the source code of your theme or your plugins. This is bad for many reasons:

    • Editing your theme’s functions.php makes theme specific customizations; change your theme and your customizations will no longer get loaded.
    • When your theme and plugins get updated you’ll find all your careful hand crafted customizations get overwritten and lost.
    • A lot of theme and plugin authors won’t offer support for changes you might have made to the source code.
    • Your customizations might work; but you might also inadvertently make some other changes which will stop things working.

    In the case of WP Biographia, the plugin loads minified versions of the CSS and JavaScript it uses to help improve load time, so even if you do make changes, they won’t be reflected until you (re)minify the source.

    I’d recommend you separate your custom CSS into a separate source file and load that into your WordPress install; you can use the WP Customizer plugin to do this (in the interest of transparency I should point out that this is another one of my plugins).

    From reading your experiences it also sounds like there’s some caching going on. Possibly in your browser. Possibly in your WordPress install via a caching plugin?

    Hope this helps

    -Gary

Viewing 1 replies (of 1 total)
  • The topic ‘Can't style the image border!’ is closed to new replies.