Okay
  Public Ticket #1396999
Customizing buttons and other aspects of the site
Closed

Comments

  •  2
    Christine started the conversation
    December 8, 2017 at 9:00pm

    I would like to make a couple custom adjustments to the site:

    1. customizing the buttons. I would like to change the background color and the for the "See Through" option and the hover color for the standard button.

    2. I would like to change the width of the entire site content to have it closer to the width of www.traxion.io

    3. I would like to remove the main menu from the home page.

  •  9,016
    Tahir replied
    December 9, 2017 at 1:57pm

    Hey Again,

    1: I am afraid its cant be customized like that . The Theme features various button styles with color override options that you can use . 

    2: You can use below css code though it wouldnt look nice.

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    @media only screen and (min-width: 1000px) {
    .container, body[data-header-format="left-header"] .container, .woocommerce-tabs .full-width-content .tab-container, .nectar-recent-posts-slider .flickity-page-dots, .post-area.standard-minimal.full-width-content article.post .inner-wrap, .material #search-outer #search {
        max-width: 1040px;
    }
}

    3: Simply use the No Header Page Template : http://prntscr.com/hl6xc0 .

    Be.st

    ThemeNectar Support Team 

  •  2
    Christine replied
    December 11, 2017 at 1:17pm

    Thanks!

    1. That's a bummer. Would be great if there was a custom option where I could change border radius, hover color, gradient, transparency, border width, etc. even if it was from within the style sheets.

    2. Great! I think it looks good for our design.

    3. Perfect! Should have seen that.

    One other question:

    How do I fix formatting of the password protect section? Check out this page:

    http://humalytix.com/documents/

    Need it to have some padding at the top, not have the button overlap, and potentially be able to change the text that it shows.

  •  9,016
    Tahir replied
    December 11, 2017 at 1:25pm

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    form.post-password-form {
    margin-top: 25vh;
}

    Thanks

    ThemeNectar Support Team 

  •  2
    Christine replied
    December 12, 2017 at 4:47pm

    Thanks!

    Last question I have for you.

    Is it possible update the background that the password lives on? Ideally, it would be a full screen image with the option to enter a password over the image in the middle of the page.

  •  9,016
    Tahir replied
    December 13, 2017 at 12:57pm

    Let me know the Image link and how you want it exactly. 

    Be.st 

    ThemeNectar Support Team 

  •  2
    Christine replied
    December 13, 2017 at 9:06pm

    I would like the image to be the full screen, full width, aligned in the middle. If text is able to be in the middle, that would be great.



  •  9,016
    Tahir replied
    December 14, 2017 at 10:23am

    See screenshot : http://prntscr.com/hncisq .

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    form.post-password-form:before {
    content: '';
    display: block;
    position: absolute;
    background: url(http://humalytix.com/wp-content/uploads/2016/11/Hero-Image-Overlay.png);
    width: 100vw;
    height: 100vh;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
}

    Thanks

    ThemeNectar Support Team