Homepage Boxes

[Elzie]

Hi there,

I want to have images only (no text) in my homepage boxes and I don’t want the rollover text.

Can you let me know how you A) Fit image size to box B) Get rid of text on top

Thank you
elinmai.com

[Towfiq I.]

you mean you dont want the title and the text below it? and to make the thumbnail images, fit, make sure you upload square images.

[elin]

Hi,

Yes I don’t want any text at all just the image to fill the boxes without any space.

[Towfiq I.]

Open up layout1.php and remove these lines:

                <div class="post_content">
                    <h2 class="postitle"><a href="<?php the_permalink();?>" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
                    <?php znn_excerpt('znn_excerptlength_index', 'znn_excerptmore'); ?> 
                    
                </div>

[Elzie]

And to get rid of the border?

[Towfiq I.]

Add this to your stylesheet:

.midrow_blocks{border:none!important;}

[Elzie]

Really sorry, where here do I add?

/*MIDROW*/
.midrow{ background:#2222;}
.midrow_wrap{ width:100%; float:left; margin-bottom:30px;}
.midrow_blocks{ width:970px; height:190px; padding: 0 15px; background:#fff; border:1px solid #ececec; float:left; margin-top:50px; position:relative;}
.midrow_block{ float:left; width:220px;height:175px; padding-top:15px; overflow:hidden;}

.midrow_block h3{ text-align:center; font-size:20px; color:#333;}
.midrow_block p{ text-align:center;}
.midrow_blocks_wrap{ width:970px; float:left;}

.mid_block_content {border-right: 1px solid #ECECEC;height: 185px; margin-top: -35px;padding: 25px 10px 0;}
.midrow_block:last-child .mid_block_content{ border:none;}

[Towfiq I.]

below the code chunk you just posted.

[Elzie]

Still has the white border see here http://www.elinmai.com

[Towfiq I.]

add this to your stylesheet:

body .lay1 .hentry {
width: 300px!important;
padding: 15px;
background: none!important;
border: none!important;
float: left;
margin-right: 5px!important;
margin-bottom: 25px;
}

[Elzie]

Excellent, thanks. As I’m using this as a static homepage how to I disable the rollover ‘post’ and ‘comments’ over the three homepage boxes.

My last question to you, I promise 🙂

http://www.elinmai.com

[Towfiq I.]

add this to your stylesheet:

.lay1 .block_comm, .lay2 .block_comm, .lay3 .block_comm, .date_meta{display:none!important;}

[Dawn Garcia]

Hi. How do I add a link or linked button to the boxes. So, after they read the text in the box, there will be a small box to click to take them to the page talked about. http://www.socialstorehouse.com – the first box says Shop the Storehouse. I would like a button at the bottom of the box, they can click to take them to the storehouse…

Also, how can I change the font in the site title – I want Social to be italicized, larger and a different font than Storehouse. Can I make the tagline a darker font color so it stands out more?

How do I make the social tabs stand out more?

Great theme! Thanks for the support!
Dawn

[Elzie]

Hi there,

Quick question…

I need the three posts I have on the homepage to always stay there (static) however when I post any posts to my blog they turn up on the main landing page which I don’t want.

Is there anything more than changing the date on these three boxes I can do to keep them sticky and to avoid posts showing on main page?

Thanks
http://www.elinmai.com

[Towfiq I.]

hmm. Lets do it this way:
The frontpage will display posts that are tagged with the tag “featured”.

Step1:

Mark the 3 home page posts with “featured” tag.

Step2:

Open up layout1.php and add this:

<?php if(is_front_page()) { 
	 $args = array(
				   'tag' => 'featured',
				   'post_type' => 'post',
				   'paged' => ( get_query_var('paged') ? get_query_var('paged') : 1),
				   'posts_per_page' => '3');
	query_posts($args);
} ?>

before this:

<?php if(have_posts()): ?><?php while(have_posts()): ?><?php the_post(); ?>

[Elzie]

That worked!! Thanks.

One other problem (well two actually….)

1) Post thumbnails seem to be a different size. Can I set this so they’re uniform? http://elinmai.com/category/blog/
2) Can I add an image at the top of my Blog (category page)?

Thanks 🙂

[Towfiq I.]

1. Set “featured images” to your posts. Make sure they are all same size.
2. what image do you want to display? Go to Media> Add new and upload your image and then copy the “file url” and paste it here.

[Elzie]

Yes cool, it worked thanks.

Can I add a permanent custom image on top of a catagories page? I want to add a title as a image?

Thanks

[Towfiq I.]

do you want to display same image for all the category pages?

[Elzie]

No different. I want to add an image saying ‘Blog’ for that category and another image for the ‘Work’ category.

I want to use the same as I’ve done here: http://elinmai.com/sample-page/

Thanks

[Towfiq I.]

Open up category.php and add this:

<?php if(is_category(7)) { ?>
   <img src="your workcategory image url here" />
<?php } ?>
<?php if(is_category(2)) { ?>
   <img src="your blog category image url here" />
<?php } ?>

after this:

<?php get_header(); ?>

[Elzie]

Great thanks. One last question….where/how to I insert the image to the catagory page?

Thanks

[Towfiq I.]

just replace these lies in the code with your image url:

your workcategory image url here

[Elzie]

That worked but now the image Work we “featured” on the homepage is popping up on the work category page. Is there any way around this?

Thanks

[Towfiq I.]

replying to your email..