Jump to content


Photo
- - - - -

Modifying BNS Featured Category plugin


This topic has been archived. This means that you cannot reply to this topic.
33 replies to this topic

#1 andulka

andulka

    Super Member

  • Members
  • PipPipPipPip
  • 159 posts

Posted 02 December 2010 - 09:10 PM

I'm using the

Please Login or Register to see this Hidden Content

plugin to display recent posts from specific categories on the sidebar

Please Login or Register to see this Hidden Content

. As you can see, it doesn't quite match the theme and I would like to be able to change it to look the same as the News, Links etc. Apparently it uses the style of the theme's 'posts' and the author has responded to a similar question by: 'You will need to add element(s) that reference the plugin content more specifically'. Which says pretty much nothing to me. :-)
I will ask the author but I doubt he would go into much detail, so I was wondering if you'd be able to point me to the right direction or, alternatively, is there some other way to display the recent posts from spesicic categories with the author's name on the sidebar?

#2 bryan-hadaway

bryan-hadaway

    Advocate

  • Members
  • PipPipPipPipPip
  • 3697 posts

Posted 03 December 2010 - 01:52 AM

`
#sidebar #bns-featured-category-3 .hentry {
background: none;
border-top: 1px solid #222222;
clear: both;
overflow: hidden;
padding: 10px;
}
`
Drop that in your Custom CSS and let me know if that looks good.

Thanks, Bryan

#3 andulka

andulka

    Super Member

  • Members
  • PipPipPipPip
  • 159 posts

Posted 03 December 2010 - 09:40 PM

Thank you Bryan, you're a star! I changed the padding to 2px and added

Please Login or Register to see this Hidden Content

to make the text start so that's in line with the others, rather than starting from where the title text is starting (can't really explain this too well but maybe you get the point) :-)
One more thing - how would I remove the bold font in the titles? Don't know how it would look, but would like to try and maybe change the author/blog name font into italics, if that's not getting too complicated...

#4 ericmyers

ericmyers

    Advanced Member

  • Members
  • 98 posts

Posted 04 December 2010 - 03:37 AM

Jaana,

The font that is there isn't bold. Here is the code to change the font type; and make it italics...

This is for the Headings of the Posts, just change the font family to what you want, etc...

Please Login or Register to see this Hidden Content


And for the author of the post, again; you can customize to your needs:

Please Login or Register to see this Hidden Content



#5 andulka

andulka

    Super Member

  • Members
  • PipPipPipPip
  • 159 posts

Posted 04 December 2010 - 09:02 PM

Thanks Eric, but still not quite sure how to change that only for the title texts in the Recent blog entries, for example 'Religion and retail'. Obviously I need to add something to the custom code mentioned above, but nothing I've added there so far has produced any change to the appearance of that particular text (or any text, for that matter) :-)

#6 catrina

catrina

    Advocate

  • Members
  • 12345 posts

Posted 05 December 2010 - 06:32 PM

Here's a variation of Eric's solution:

Please Login or Register to see this Hidden Content


If that doesn't work and nothing is being changed when the custom code is edited, then perhaps there's a problem with the custom code itself...

#7 andulka

andulka

    Super Member

  • Members
  • PipPipPipPip
  • 159 posts

Posted 07 December 2010 - 12:25 AM

Thanks, Catrina - the custom code I'm using to change the appearance of that particular box is what Bryan suggested above, a little modified:

Please Login or Register to see this Hidden Content

It does the job of changing the appearance of the box, so I wouldn't know if there's a problem with it. However adding the code you mentioned doesn't change anything, so I'm probably doing something wrong.
I'm not sure if I'm making myself clear, but what I want is to change the text

Please Login or Register to see this Hidden Content

in the box that says Recent Blog Entries to look the same as it is in the other posts, ideally so that the titles would look the same as they do in 'News' and the author name (or rather, name of the blog) would be either in italics or perhaps in a smaller font. I do not wish to change the box that says 'News', for example, which is also showing recent posts with the blog categories excluded...

#8 bryan-hadaway

bryan-hadaway

    Advocate

  • Members
  • PipPipPipPipPip
  • 3697 posts

Posted 07 December 2010 - 04:45 AM

Hi Jaana, I'm back. Let's try a little trick shall we.

By the way, the post titles there are set to bold, good thing because we can use that to change them;

`#sidebar #bns-featured-category-3 .hentry strong{font-size:15px}`

Play with 15.

Thanks, Bryan

#9 andulka

andulka

    Super Member

  • Members
  • PipPipPipPip
  • 159 posts

Posted 08 December 2010 - 03:26 PM

Hi Bryan, and thanks again! Adding

Please Login or Register to see this Hidden Content

at the end of the original code changes the size to somewhat right (funny as I thought I'd tried adding font-size there before and it didn't work...) :-), however it doesn't remove the formatting, the titles are still bold. But getting there. :-)

#10 cmunns

cmunns

    Advocate

  • Members

  • 6537 posts

Posted 08 December 2010 - 05:57 PM

Jaana, I just took a look and it seems to look very consistent to me. Did you end figuring this out on your own?

#11 andulka

andulka

    Super Member

  • Members
  • PipPipPipPip
  • 159 posts

Posted 08 December 2010 - 09:58 PM

No, if you look closely :-) the titles are still in bold and slightly different from the titles in 'News'. The blog/author name looks the same as the titles in the News box. Probably only bothers me though, but would be nice to have it all the same...

#12 bryan-hadaway

bryan-hadaway

    Advocate

  • Members
  • PipPipPipPipPip
  • 3697 posts

Posted 09 December 2010 - 03:51 AM

Let's try updating it to: ` #sidebar #bns-featured-category-3 .hentry strong{ font-size:13px; font-weight:normal; text-shadow:none} ` Other than that I'm not sure, that plugin definitely seems to be throwing it's own styles in the mix. Thanks, Bryan

#13 andulka

andulka

    Super Member

  • Members
  • PipPipPipPip
  • 159 posts

Posted 10 December 2010 - 12:16 AM

Hi again! Adding that as is removes the bold, but the black boxes behind each title return and the author/blog name loses the padding and is lined with the main title rather than the individual blog entry titles. Removing

Please Login or Register to see this Hidden Content

returns everything back to the way it waa with the original custom code.
As far as I can see the plugin php doesn't have anything that would override this (but I could very well be wrong), and the plugin author specifically says the plugin uses the style of the theme's 'posts'. I shall ask him again...

#14 bryan-hadaway

bryan-hadaway

    Advocate

  • Members
  • PipPipPipPipPip
  • 3697 posts

Posted 10 December 2010 - 03:00 AM

Sorry, I meant that in addition to the code that was working for you so far, not to replace all of it... just to replace this one line: `#sidebar #bns-featured-category-3 .hentry strong{font-size:15px}` Thanks, Bryan

#15 andulka

andulka

    Super Member

  • Members
  • PipPipPipPip
  • 159 posts

Posted 13 December 2010 - 02:31 AM

Hi Bryan, yes I got that, to be precise the code that is working is

Please Login or Register to see this Hidden Content

but as soon as I add 'strong' the black boxes are there. Looks like I'm stuck with the bold... :-)

#16 ericmyers

ericmyers

    Advanced Member

  • Members
  • 98 posts

Posted 13 December 2010 - 02:50 AM

Jaana, Sounds good. Do you need help with anything else?

#17 andulka

andulka

    Super Member

  • Members
  • PipPipPipPip
  • 159 posts

Posted 13 December 2010 - 08:20 PM

Well, this is the main issue at the moment as it's kinda in my face every time I go there (I have a couple of other threads open as well though). :-)
It's not that far off I think as adding the code actually changes the text, it's just that it removes the formatting as apparently adding 'bold' after

Please Login or Register to see this Hidden Content

somehow messes things up.

Please Login or Register to see this Hidden Content

is a screenshot of what happens as soon as 'bold' is added, and

Please Login or Register to see this Hidden Content

is what it looks like with the rest of the code in place but without the 'bold. As you can see, with 'bold' also only the first line is aligned properly.

#18 bryan-hadaway

bryan-hadaway

    Advocate

  • Members
  • PipPipPipPipPip
  • 3697 posts

Posted 14 December 2010 - 03:17 AM

Hmm, can you please paste your Custom CSS top to bottom exactly how it is now in a post, please put backticks ` around it.

I need to examine your CSS for problems.

Thanks, Bryan

#19 andulka

andulka

    Super Member

  • Members
  • PipPipPipPip
  • 159 posts

Posted 15 December 2010 - 03:30 AM

Bryan, here is the current content of the custom css box: ` body{ color: #FFFFFF; line-height: 20px; font-size: 14px } #nav ul, #nav .mnav{width:549px} #sidebar #bns-featured-category-3 .hentry { background: none; border-top: 2px solid #222222; clear: both; overflow: hidden; padding: 1px; padding-left:10px; font-size:13px; font-weight:normal; text-shadow:none} #site #contentborder{background:none} body{ background-image: url("http://www.fluteofshame.com/wp-content/uploads/2010/12/1179032744-949-0.jpg")} ` Not quite sure if you meant adding backsticks like that... The background image is a new addition, added today, the rest of it has been in place for a while now.

#20 andulka

andulka

    Super Member

  • Members
  • PipPipPipPip
  • 159 posts

Posted 15 December 2010 - 03:33 AM

OK, backticks is the same as adding the CODE, but for some reason parts of the code have been cut off above, so here it is again, this time without backsticks: body{ color: #FFFFFF; line-height: 20px; font-size: 14px } #nav ul, #nav .mnav{width:549px} #sidebar #bns-featured-category-3 .hentry { background: none; border-top: 2px solid #222222; clear: both; overflow: hidden; padding: 1px; padding-left:10px; font-size:13px; font-weight:normal; text-shadow:none} #site #contentborder{background:none} body{ background-image: url("http://www.fluteofshame.com/wp-content/uploads/2010/12/1179032744-949-0.jpg")}