Okay
  Public Ticket #155205
Container Max Width
Closed

Comments

  • Javi started the conversation
    January 30, 2014 at 5:55am
    Hi, Congratulations on the theme. Very well done. Just wanted to know a couple of things: 1. Is it possible to change the maximum width for the images displayed on a full-width section? Or set up a different site container width? Ideally I would like to go for a 1280px width maximum instead of a max 1100px width. 2. How can I use a different accent colour for the main nav text (hover state) and the portfolio thumbnail hover state? I´m using #FFFFFF on the semi transparent colour for the portfolio thumbnails but it´s affecting my header nav links hover state with the same colour. I´d also like to use black for the thumbnails title on the hover state. Looking forward to hearing from you. Thanks very much in advance. Javi
  •  998
    ThemeNectar replied
    January 31, 2014 at 12:22pm

    Hey Javi!

    1. Add this into your custom css box in the Salient options panel

    @media only screen and (min-width: 1300px) {
  .container {
    max-width: 1280px!important;  
  } 
}

    2. Set your accent color according to how you want your nav hover color to be and then use this to change the portfolio hover color:

    body .portfolio-items .work-info-bg {
   background-color: #fff!important;
}

    Cheers :)

  •  6
    CM replied
    June 3, 2014 at 12:36pm

    hi!

    the code-snippet that changes the color of the portfolio hover effect which i had already successfully implemented on my site doesn't work anymore since the latest salient update. could you please provide an updated code snippet for this issue?

    thanks so much: )

  •  8,473
    Tahir replied
    June 4, 2014 at 5:03pm

    Hey CM! 

    Please use this instead: 

    body .portfolio-items .work-info-bg {
    background-color: #ff0 !important;
}

    Cheers

    ThemeNectar Support Team 

  •  6
    CM replied
    June 10, 2014 at 1:38pm

    hello tahir!

    thanks, but this code doesn't work – it is exactly the same code snippet i'm using already (except the color code). it worked fine untill i updated to the latest version of salient. any idea what could be wrong?

  •  8,473
    Tahir replied
    June 11, 2014 at 3:35pm

    Hey Again!

    Please provide url so we can see why the css is not working now. 

    Thanks

    ThemeNectar Support Team 

  • Pablo replied
    July 28, 2014 at 5:36pm

    Hi Tahir, here is a link http://viaccion.cl/portafolio/ for me this snippet doesn't work. I´m using latest salient version

    I already have this code:

    body .portfolio-items .col .work-item .work-info a:first-child {display: none !important;}

    #portfolio-extra .nectar-button[data-color-override="false"].regular-button {

    background-color: #ffffff !important;

    box-shadow: none;

    }

  •  8,473
    Tahir replied
    July 28, 2014 at 11:29pm

    Hey Pablo!

    Please see http://themenectar.ticksy.com/ticket/254237 . 

    Cheers

    ThemeNectar Support Team