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.

[Sonnal S 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.

[Sonnal S 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?

[Sonnal S 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.

[Sonnal S 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.

[Sonnal S 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.

[Sonnal S 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.

[Sonnal S 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