Navigation
Archive / Header: Get rid of the drop shadow
This is archived content. Visit our new forum.
  • Author
    Posts
  • January 20, 2015 at 9:14 pm #187295

    Travis H
    Participant

    Is there anyway I can rid my page of the drop shadow on the header bar and just have it plain ol’ boring white?

    January 20, 2015 at 9:15 pm #187296

    Travis H
    Participant

    Sorry i meant the NAVBAR

    January 21, 2015 at 3:46 am #187484

    Christian
    Moderator

    Hey Travis,

    Please give us the URL of your site so we could see the current setup.

    Thanks.

    January 22, 2015 at 12:24 am #188743

    Travis H
    Participant
    This reply has been marked as private.
    January 22, 2015 at 1:36 pm #189300

    Nabeel A
    Moderator

    Hi again,

    Thanks for providing the details. To get rid of box shadow, just add the following CSS code via Appearance > Customize > Custom > CSS:

    .x-navbar {
border-bottom: none !important;
box-shadow: none !important;
}

    To center the content and images in portfolio pages, use this code:

    .x-portfolio .entry-info {
float: none !important;
margin: 0 auto !important;
}

    To remove the border box on portfolio pages only, use this code:

    .single-x-portfolio .entry-wrap {
box-shadow: none !important;
}

    Let us know how this goes!

    January 22, 2015 at 5:41 pm #189525

    Travis H
    Participant

    Perfect!

    Just a few last things. (I PROMISE!!!)

    – Get rid of the shadow box on the ABOUT ME page

    – When i enter the portfolio item there is a line still at the top. Can I get rid of that also

    – In the Portfolio page can i get rid of the shadow around each item?

    – Make the Footer black and remove shadow

    Thanks again for all your help. Easily the most amazing theme and support team.

    January 22, 2015 at 5:42 pm #189526

    Travis H
    Participant

    – The hover on the portfolio page items be changed just to a coloured square instead of the chain link.

    January 23, 2015 at 12:41 pm #190171

    Nabeel A
    Moderator

    Hi again,

    – To get rid of shadow box on all pages, you can use the following code:

    .entry-wrap {
box-shadow: none !important;
}

    – To remove the line on portfolio pages:

    .has-post-thumbnail .entry-featured {
border-bottom: none !important;
}

    – For the portfolio items, try this:

    .entry-featured {
box-shadow: none;
}

    For Footer, use this code:

    .x-colophon {
background-color: #000;
box-shadow: none;
color: #fff !important;
}

    Let us know how this goes!

    January 27, 2015 at 8:51 pm #193113

    Travis H
    Participant

    Hey I was hoping you’d be able to have a look at my portfolio item “DUCKING GOOD” and tell me why my featured image is showing at the top of the page. I’ve tried a heap of options and can’t seem to get rid of it.

    Also I was hoping to change the Hover on the portfolio page from the Link (in a blue circle) to a blue rectangle.

    Thanks

    January 28, 2015 at 2:41 pm #193733

    Nabeel A
    Moderator

    Hey Travis,

    To remove the featured images from portfolio items, add the following CSS code via Appearance > Customize > Custom > CSS:

    .single-x-portfolio .has-post-thumbnail .entry-featured {
display: none !important;
}

    To make the hover icon rectangle, use this code:

    .entry-thumb:before {
border-radius: 0 !important;
}

    Let us know how this goes!

    January 28, 2015 at 4:10 pm #193813

    Travis H
    Participant

    Thanks for getting back to me so quickly!

    I apologise for not explaining my self better regarding the HOVER feature I’m after.

    I’ve drawn up the kind of effect I’m after

    http://tinypic.com/r/2d84bq9/8

    Thanks again for all your help!

    January 28, 2015 at 5:34 pm #193877

    Travis H
    Participant

    Sorry one last thing.
    On a portfolio item, how would i go about placing a RevSlider at the top of the page above the entry title.
    Ive tried and it keeps going underneath the title.

    I’ll try not to pester you again after this.

    Thanks a heap.

    January 29, 2015 at 3:04 am #194158

    Travis H
    Participant

    Re: the hover over portfolio item.
    I just noticed the option shown on ETHOS 01 is exactly what i’m after. Can i change mine to that?

    January 29, 2015 at 12:44 pm #194535

    Zeshan
    Member

    Hi Travis,

    #1: For the portfolio hover, add following code under Custom > CSS in the Customizer:

    .entry-thumb:before {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    margin-left: 0;
    margin-top: 0;
    content: "SEE MORE";
    font-size: 35px;
    font-weight: bold !important;
    line-height: 170px;
}

    #2: It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities.

    Thanks for understanding. Take care!

  • Author
    Posts