The Art Theme – a couple issues

[Lori Schroeder]

How do I make the header transparent on all the other pages except the home page, where it already is transparent? I have already tried background-color: rgba(0,0,0, 0.5) !important; which works on the home page, but doesn’t on any others.

My site is http://lswebsitedesigns.com/courtyard2/ and one of the pages I’m talking about is http://lswebsitedesigns.com/courtyard2/about-us/.

Also on the home page slider, the bottom of the first picture is on a diagonal. But for the rest it briefly has that diagonal line, but then shows the entire image. Is there a way to fix it so they all have that diagonal angle on the bottom?

Thank you.

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Customize>>Basic >> Scroll down to find Custom CSS and paste there:

.page_head, .post_head {height:450px;}
.page .header_wrap.layer_wrapper .header { position: absolute !important;}

Regards,
Chris

[Lori Schroeder]

I did that and it did not fix either problem.

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

.page .header, .single .header, .archive .header, .search .header { background-color:rgba(0,0,0, 0.5) !important;}
.page_head, .post_head {height:450px !important;}

Regards,
Chris

[Lori Schroeder]

Thank you, that fixed the first issue. But the second one is not fixed:
Also on the home page slider, the bottom of the first picture is on a diagonal. But for the rest it briefly has that diagonal line, but then shows the entire image. Is there a way to fix it so they all have that diagonal angle on the bottom?

[Sonl Sinha]

Hi,

So, you do not want diagonal angles at the bottom.

Regards,
Chris

[Lori Schroeder]

No, I do want diagonal angles. But the only one that has it is the first one.

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

.featured_area {display:inline-block; margin-top:36px; padding-top:0;}

Regards,
Chris

[Lori Schroeder]

That did not work. It changed it to just a small angle on the very right side of the first image, and the other images still have no angle. I want all of them to have the angle that the first one does.

[Sonl Sinha]

Hi,

I am not sure what you mean by this. Can you may be draw or point out in an image?

You can upload image in imgur.com and share the link here.

Regards,
Chris

[Lori Schroeder]

The bottom of the first image displayed is on a diagonal like this:
https://imgur.com/a/zVn2I

All of the rest of the images briefly show the diagonal for less than a second:
https://imgur.com/a/GaIT5

But then they end up with have a straight bottom, no diagonal:
https://imgur.com/a/1d7ka

I would like them all to have the diagonal line. It works fine in Firefox, but does not in Chrome, IE, or my mobile phone.

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

.featured_area {z-index:99999 !important; position:relative !important;}

Regards,
Chris

[Lori Schroeder]

That did it! Thank you very much.

[Sonl Sinha]

Hi Lori Schroeder,

If you found our service good kindly review us here: https://www.sktthemes.org/forums/topic/reviews-and-testimonials/page/14/

Regards,
Chris

[Author]

Posts