Hi there,

I like how the stickied items (or 'promoted to front page') are placed on the homepage, but is there a simple way to removed the 'featured article' bubble and the 'read more' bubble? I'm going for a cleaner look here. I'm sure it is a simple matter of deleting some code, but I am unsure of which file to look in (template, style, page.tpl?).

Also, the images for these posts show up blurry. Is this due to resizing? Will I need to post a particularly sized image?

Any help would be appreciated!

Cheers,
Mh

Comments

gtsopour’s picture

gtsopour commented
Assigned: Unassigned » gtsopour
Issue tags: +blog, +blog theme, +blogtheme, +journal crunch, +journalcrunch
gtsopour’s picture

gtsopour commented
Category: feature » support

Hello Mholtmeier,

you should edit your style.css file and especially you should edit the following parts of code,

Sticky Articles - Featured article image
#content .node-front.node-sticky .nodeInner { background: url("images/featured_bubble.png") no-repeat scroll 365px 0 transparent; border:none; padding:0; overflow: hidden; display:block; min-height:500px; }

Sticky Articles - read more image
#content .node-front.node-sticky .node-readmore a { background: url("images/bk_readmore.png") no-repeat scroll 0 -46px transparent; display: block; height: 46px; left: 370px; position: absolute; text-indent: -9999px; top: 365px; width: 46px; }

Promoted Articles - read more image
#content .node-front .node-readmore a { position:absolute; bottom:-5px; right:20px; display:block; width:46px; height:46px; text-indent:-9999px; background:url(images/bk_readmore.png) 0 0 no-repeat; }

Promoted Articles - read more image:hover
#content .node-front .node-readmore:hover a { background:url(images/bk_readmore.png) 0 -46px no-repeat; }

Thanks
/George