Customizing the look using CSS

  • Resolved rwb43

    (@rwb43)


    12 years, 1 month ago

    Mike,

    Your FAQ says there are lots of extra IDs that can be used to customize the layout using CSS.

    I am not seeing these tags. Please see http://barrychole.com/reading-list/ and let me know what I am missing. Below is sample:

    <article id="post-75" style="margin: 0 2.5% 0 15%!important;width:15.25%;">
<header class="entry-header">
<a href="http://www.amazon.com/Anonymous-Jesus-hidden-years-yours/dp/0785298398/ref=sr_1_1?ie=UTF8&qid=1389972340&sr=8-1&keywords=Anonymous%3A+the+hidden+years" target="_blank"><img src="http://barrychole.com/wp-content/uploads/2014/01/Anonymous-e1389972485914.jpg" style="width:100%;"></a>
</header><!-- .entry-header -->
</article>

    Here is another sample:

    <header class="entry-header">
<div class="entry-meta">
<h2 class="entry-title">
Anonymous: Jesus’ Hidden Years and Yours
</h2>
<p id="work-author">By: 														<a href="http://barrychole.com/reading-list/author/Alicia-Britt-Chole/">
Alicia Britt Chole</a>
</p>
<p id="work-type"></p>
</div><!-- .entry-meta -->
</header>

    Thanks so much for your time. I know this is somewhat a thankless task.

    Sincerly,
    Richard

    https://wordpress.org/plugins/wp-reading-list/

Viewing 1 replies (of 1 total)
  • Plugin Author Mike Stumpf

    (@mstumpf)

    12 years, 1 month ago

    Hi Richard,

    No worries about asking questions; I do not mind at all.

    To answer your question, you are right; in the snippets that you chose, there are not a lot of WP Reading List-specific tags. My problem when designing the templates for the plugin was balancing the need to create something that sat well within popular WordPress themes for the basic user and yet have something which was customizable by the more advanced user. I ended up using more common css classes and ids where they would be expected, i.e. “entry-header”, “entry-meta”, etc., and I made new tags on the more unique elements that this plugin adds like “work-author”, “work-type”, etc. So, all in all, it might not be as versatile as one might wish.

    To help with this, I just pushed a new release (version 2.2.1) and added a “master section” to each of the templates with the id “wprl-section” which you can use as your base css selector and work downwards from there, for example: 

    #wprl-section .entry-meta {
display:none;
}

    Hopefully this helps you. Do you have any ideas on where I could also add tags to help styling?

    Thanks,

    Mike

Viewing 1 replies (of 1 total)

The topic ‘Customizing the look using CSS’ is closed to new replies.