The Art Theme – a couple issues

Home Forums All Other Themes The Art Theme – a couple issues

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #91246
    Lori Schroeder
    Participant
    • Topics: 38
    • Replies: 58
    • Total: 96
    Member since: August 20, 2015

    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.

    #91268
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23532
    • Total: 23532
    Member since: August 16, 2013

    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

    #91370
    Lori Schroeder
    Participant
    • Topics: 38
    • Replies: 58
    • Total: 96
    Member since: August 20, 2015

    I did that and it did not fix either problem.

    #91409
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23532
    • Total: 23532
    Member since: August 16, 2013

    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

    #91505
    Lori Schroeder
    Participant
    • Topics: 38
    • Replies: 58
    • Total: 96
    Member since: August 20, 2015

    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?

    #91541
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23532
    • Total: 23532
    Member since: August 16, 2013

    Hi,

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

    Regards,
    Chris

    #91615
    Lori Schroeder
    Participant
    • Topics: 38
    • Replies: 58
    • Total: 96
    Member since: August 20, 2015

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

    #91654
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23532
    • Total: 23532
    Member since: August 16, 2013

    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

    #91746
    Lori Schroeder
    Participant
    • Topics: 38
    • Replies: 58
    • Total: 96
    Member since: August 20, 2015

    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.

    #91764
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23532
    • Total: 23532
    Member since: August 16, 2013

    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

    #91818
    Lori Schroeder
    Participant
    • Topics: 38
    • Replies: 58
    • Total: 96
    Member since: August 20, 2015

    The bottom of the first image displayed is on a diagonal like this:

    View post on imgur.com

    All of the rest of the images briefly show the diagonal for less than a second:

    View post on imgur.com

    But then they end up with have a straight bottom, no diagonal:

    View post on imgur.com

    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.

    #91849
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23532
    • Total: 23532
    Member since: August 16, 2013

    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

    #91930
    Lori Schroeder
    Participant
    • Topics: 38
    • Replies: 58
    • Total: 96
    Member since: August 20, 2015

    That did it! Thank you very much.

    #91985
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23532
    • Total: 23532
    Member since: August 16, 2013

    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

Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.