Site Updated to Customized Executive Pro

Community Forums Forums Showcase and Feedback Site Updated to Customized Executive Pro

This topic contains 1 reply, has 2 voices, and was last updated by  Davinder Singh Kainth 2 months, 2 weeks ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #87284

    Victor Font
    Participant
    Post count: 38

    I’ve updated one of my personal sites (http://victorfont.com/) to Executive Pro. There’s still a little bit of .css tweaking to do, but if you’d like to know how I inserted the separator lines between the widgets in the Home Top and Home Middle widget areas, I used the following .css code:

    
    .home-middle .widget:nth-of-type(-n+3),
    .home-top .widget:nth-of-type(-n+2) {
        border-right: 1px solid #cbcbcb;
    }

    To make the separator lines mobile responsive, I simply remove the border-right on small screens.

    • This topic was modified 2 months, 3 weeks ago by  Victor Font.
    • This topic was modified 2 months, 3 weeks ago by  Victor Font.
    http://victorfont.com/
    #87489

    Davinder Singh Kainth
    Participant
    Post count: 969

    Nice customization effort there. If you want to hide border line in mobile display, just set border-right to 0px for specific widget classes in media queries part of style.css


    Need website customization services or other Genesis / WordPress help ?
    Davinder @ Design Studio iGuiding Media | My Blog | Fresh Genesis Themes Collection

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.