CSS help

  • Resolved hamishjoy

    (@hamishjoy)


    7 years, 7 months ago

    Hi,

    First of all – thank you very much. I’ve been using this plugin for a while now, and I completely depend on it.

    I need the credit to look a certain way – small font size, grey color, italicized, right justified… And I used to do that earlier by modifying a CSS file. I have always been slow to update, because updating meant losing the CSS changes. So I used to copy the CSS I want separately, update the plugin, and then paste the edited CSS on the CSS file.

    But the past few updates, I haven’t been able to find the CSS. I’m on version 3.03. I want to update, but I need to be know first how to edit the CSS.

    BTW – I’m a coding novice. I get by with trial and error, and trying to think through the code. I just get the very basics.

    Please – can you help me?

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author pepe

    (@pputzer)

    The CSS files are located in <plugin-directory>/public/css/. However, it would be preferable to either simply override the styles in your theme CSS or if you don’t want the standard stylesheet file to be loaded, to unhook the media-credit and/or media-credit-end stylesheets via wp_dequeue_style.

    Thread Starter hamishjoy

    (@hamishjoy)

    I don’t know what unhooking means. Does it mean I just copy the CSS codes to my main CSS file? Do I need to delete any file after I do that?

    I had saved the CSS file from an earlier version – Can I just add that to the end of my CSS and then upgrade?

    BTW – Thank you very much for the really REALLY fast reply, and thank you even ‘mucher’ for responding to what is probably an extremely novice question.

    //
    My code (that I had saved) is as below –

    .media-credit {
    font-size: 9px;
    line-height: 8px; /*11px*/
    text-align: right;
    margin: 0px 5px;
    display: block;
    color: #909090;
    }
    .media-credit a {
    font-weight: normal;
    font-size: 9px;
    }
    .media-credit-container {
    text-align: center;
    max-width: 100%;
    }
    #recent-media-sidebar {
    float: right;
    text-align: center;
    width: 150px;
    margin-top: 10px;
    padding: 10px 0;
    border-top: 4px double #999;
    border-bottom: 4px double #999;
    }
    #recent-media-sidebar .author-media {
    margin-bottom: 10px;
    }
    #recent-media-inline .author-media {
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    }

    Plugin Author pepe

    (@pputzer)

    Things should work if you just add the styles to your theme’s CSS file (style.css in most cases). This is not the most efficent solution (the plugin’s CSS files are still loaded), but probably the easiest for you to implement.

    “Unhooking” would mean modifying the loaded stylesheet files via some PHP functions from the WordPress API.

    Plugin Author pepe

    (@pputzer)

    @hamishjoy Have you had success?

    Plugin Author pepe

    (@pputzer)

    @hamishjoy I assume the issue has been resolved.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘CSS help’ is closed to new replies.

Tags