Okay
  Public Ticket #1101521
Slanted row border
Closed

Comments

  •  2
    jaroljmek started the conversation
    March 16, 2017 at 7:08pm

    Hello

    I'm about to start a nice new corporate website and really want to use Salient for the first time.  One of the key design guidelines for the site is slanted sections which I've seen in some themes (see attached screenshot).  Does Salient offer this slanted row border? If not, is it possible to apply a slant via CSS to a specific row ID?  

    I hope for positive news on this issue.

    Thanks

    CJ


  •  9,001
    Tahir replied
    March 17, 2017 at 8:52pm

    Hey Again,

    No i am afraid they are not included in the Theme though you can make the Row Bg slant with a little custom css using the transform css property . 

    Be.st 

    ThemeNectar Support Team 

  •  2
    jaroljmek replied
    March 28, 2017 at 12:36pm

    Hi Tahir

    Thanks for your reply to this.  Are you able to point me towards the CSS for to create a slanted Row Background?

    Thanks!

  •  9,001
    Tahir replied
    March 28, 2017 at 2:15pm

    Hey Again,

    Change the values as per your liking .

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

    .row-bg.using-bg-color {
    -ms-transform: rotate(7deg); /* IE 9 */
    -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
    transform: rotate(7deg);
}

    Thanks

    ThemeNectar Support Team 

  •  2
    jaroljmek replied
    March 28, 2017 at 2:18pm

    Hey Tahir

    Thanks so much for this.

    Can you help me with one more element?  How would I assign an ID to this CSS so I could target a specific row on a page?

    Thanks!

    CJ

  •  9,001
    Tahir replied
    March 28, 2017 at 2:20pm

    Sure, 

    #rowid .row-bg.using-bg-color {
    -ms-transform: rotate(7deg); /* IE 9 */
    -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
    transform: rotate(7deg);
}

    Thanks

    ThemeNectar Support Team