Okay
  Public Ticket #911653
Home Page Portfolio Display
Closed

Comments

  •  2
    Jordan Kirschenmann started the conversation
    October 5, 2016 at 4:46am

    Hi,

    I'm having a hard time getting the first portfolio I have displayed on my homepage to be full width with no padding like in your example at:

    http://preview.themeforest.net/item/salient-responsive-multipurpose-theme/full_screen_preview/4363266?_ga=1.157388474.1885740682.1473384572

    Which settings do I need to change for mine to display like yours above? The 4 entry non masonry style. 

    Regards,

  •  9,333
    Tahir replied
    October 5, 2016 at 2:53pm

    Hey Jordan,

    Please set the Portfolio VC Layout to Fullwidth : 

    Thanks 


     Salient Support Team |  Say Hello!

  •  2
    Jordan Kirschenmann replied
    October 5, 2016 at 3:47pm

    Hi,

    I just tried that and take a look at it now. Hmmm still not spanning all the way across my screen

    http://www.beartoothwraps.com/ 

  •  9,333
    Tahir replied
    October 5, 2016 at 3:57pm

    Hey Again,

    Use the Constrain to 4 Cols option : 

    Be.st

     Salient Support Team |  Say Hello!

  •  2
    Jordan Kirschenmann replied
    October 5, 2016 at 4:06pm

    I've tried that. It then squishes my pictures and adds padding to the right. http://www.beartoothwraps.com/ 
    I made sure there is no padding assigned to the column. Or margins on the row. This is why I decided to ask haha.

  •  9,333
    Tahir replied
    October 5, 2016 at 4:09pm

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

    body .portfolio-items.constrain-max-cols.no-masonry .col.elastic-portfolio-item {
    width: 25% !important;
}

    Thanks

     Salient Support Team |  Say Hello!

  •  2
    Jordan Kirschenmann replied
    October 5, 2016 at 4:13pm

    That worked. Thank you.

  •  2
    Jordan Kirschenmann replied
    October 5, 2016 at 4:15pm

    Looks like that broke it on mobile. Sorrrrrrry. 

  •  9,333
    Tahir replied
    October 5, 2016 at 4:19pm

    Hey Again,

    Not really sure why its not working be Default. 

    Us this custom css instead :

    @media only screen and (min-width: 991px) {
    body .portfolio-items.constrain-max-cols.no-masonry .col.elastic-portfolio-item {
        width: 25% !important;
    }
}

    Thanks

     Salient Support Team |  Say Hello!

  •  2
    Jordan Kirschenmann replied
    October 5, 2016 at 4:22pm

    Yeah I think it used to by default, but then stopped working. That script  didn't change anything on mobile. Was that supposed to go in the same spot just next line as the first script?

  •  9,333
    Tahir replied
    October 5, 2016 at 4:25pm

    Hey Again,

    No remove the earlier css i provided and use the former one. You css box should only have this css code :

    @media only screen and (min-width: 991px) {
    body .portfolio-items.constrain-max-cols.no-masonry .col.elastic-portfolio-item {
        width: 25% !important;
    }
}

    Thanks 

     Salient Support Team |  Say Hello!

  •  2
    Jordan Kirschenmann replied
    October 5, 2016 at 4:30pm

    Alright that did it! Thanks again Tahir