Home Block Content

Support Area Forums Selfie Home Block Content

This topic contains 9 replies, has 2 voices, and was last updated by  Bill Robbins 2 years, 9 months ago.

Viewing 10 posts - 1 through 10 (of 10 total)
URL to the page in question: http://
  • Author
    Posts
  • #25980

    pablo talhouk
    Participant

    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:
    #25983

    Bill Robbins
    Moderator

    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

    #25994

    pablo talhouk
    Participant

    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?

    #25996

    Bill Robbins
    Moderator

    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

    #26018

    pablo talhouk
    Participant

    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.

    • This reply was modified 2 years, 9 months ago by  pablo talhouk.
    #26020

    Bill Robbins
    Moderator

    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?

    #26021

    pablo talhouk
    Participant

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

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

    #26025

    Bill Robbins
    Moderator

    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

    #26027

    pablo talhouk
    Participant

    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…

    #26028

    Bill Robbins
    Moderator

    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.

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘Home Block Content’ is closed to new replies.