Home Block Content

[pablo talhouk]

Dear Bill, I have a problem reading the text on my home blocks, because the images aren’t just one color. For example, an image has black and white, if i choose a white text, some letter are over the white so they can’t be seen.
I tried adding shadow style with HTML:

<h1 style=”text-align: right; text-shadow:0px 0px 2px #000;”>CASA UN PATIO</h1>

But i don’t like how it looks.

Also the text there hides the image, so I will prefer it could be placed in one line at the bottom. (As attached image “1.jpg”)

If that is not posible, could be posible to add a background color to the text? (As image “3.jpg”)

Thanks a lot,
Best regards,
Cote

Attachments:

1. 

   1.jpg
   

2. 

   3.jpg
   

[Bill Robbins]

Hello Pablo,

Sounds like a good idea to me. Let’s give this a try:

1. Go to your theme options page and choose the Advanced tab.
2. Scroll down to the Custom CSS box and add this:

   
   .window .content-area {
   	display: block;
   	position: absolute;
   	bottom: 0;
   	left: 0;
   	right: 0;
   	text-align: left;
   	padding-right: 1%;
   	padding-left: 1%;
   	color: #000000;
   	background-color: rgba(255, 255, 255, 0.3);
   }
   

3. Update your settings.

What that should do is set the content area to be aligned to the bottom of the home block. It’ll have a semi-transparent white background and black text.

See if that doesn’t get you going in the right direction. Let me know if you have trouble.

Take care,
Bill

[pablo talhouk]

Bill: that works great, thank you.

Is there a possibility to make an exception to the portfolio group called “Front” that is shown on the home page?

[Bill Robbins]

Hey Pablo,

Glad that worked for you.

Just to make sure I understand, you’re wanting to only display the “front” portfolio group on the home page, correct?

Bill

[pablo talhouk]

No, I already make that.

I want the content area oh the “front” portafolio group to be as always aligned to the center, and the rest of the portafolio groups to be aligned to the bottom of the home block. is it possible?

P.D. Of course the rest of the portafolios aligned to the bottom of the home block, have a semi-transparent white background and black text.

[Bill Robbins]

We should be able to do that. Can you send over the URL to your site so I can send the correct code for you back?

[pablo talhouk]

We don´t have all visible , tell me if this is enough:

http://www.talhouk.cl
http://www.talhouk.cl/portfolio/todos/

[Bill Robbins]

Thanks for sending that over. If you’ll add this snippet to the Custom CSS too:

.tax-portfolio-group .window .content-area {
	display: table-cell;
	position: relative;
	vertical-align: middle;
	text-align: center;
	color: #fff;
	padding-right: 10%;
	padding-left: 10%;
	bottom: auto;
	left: auto;
	right: auto;
	top: auto;
}

that should cause the portfolio groups other than the front page to be aligned like the original. Let me know if you’re looking for something else there.

Take care,
Bill

[pablo talhouk]

Bill, it was the other way… I need the Front group to be normal, and the rest of the portafolio groups aligned to the bottom as you teach me at the start of this post…

[Bill Robbins]

We can do that too. Use this instead:

.home .window .content-area {
	display: table-cell;
	position: relative;
	vertical-align: middle;
	text-align: center;
	color: #fff;
	padding-right: 10%;
	padding-left: 10%;
	bottom: auto;
	left: auto;
	right: auto;
	top: auto;
}

See how that works out now.

[Author]

Posts