Soliloquy Slider Styling on Outreach Pro

Community Forums Forums Design Tips and Tricks Soliloquy Slider Styling on Outreach Pro

This topic is: not resolved

This topic contains 11 replies, has 2 voices, and was last updated by  AC 10 months, 3 weeks ago.

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #83744

    palpatine
    Participant
    Post count: 41

    Hello All,

    So, since the installation directions for Outreach Pro said to either use Genesis Responsive Slider, or the slider of choice, I put the Soliloquy slider on the Home page of Outreach Pro.

    The problem is, it doesn’t style nearly as cool as the Genesis Responsive slider does. Especially the big white frame it puts around the slider.

    Does anyone know what code I could use to get Soliloquy to look as cool as the Genesis Responsive slider does in that theme?

    Thanks,
    Aaron

    http://oldcanyonranch.com
    #83775

    AC
    Blocked
    Post count: 7712

    You can take the same styling for Outreach and apply them to the CSS of the Soliloquy slider.

    #83816

    palpatine
    Participant
    Post count: 41

    Hi Anitac,

    I was thinking something like that… but taking the styling of Genesis Responsive Slider and using it for Soliloquy… I just don’t know how to do that :-(

    Also, when you looked at the site, I had tweaked the css of home-top a little bit to try and remove the frame that I was referring to in my original post. Unfortunately that didn’t work either. I just reverted it back to normal and it doesn’t look good.

    Have a tip on how to just remove that big ugly white border around the slider?

    Thanks,
    Aaron

    #83817

    AC
    Blocked
    Post count: 7712

    Look for this. It’s the padding in both of these. Adjust to your needs.

    .home-top .widget:first-child {
        padding-top: 4rem;
    }
    .home-top .widget {
        margin: 0;
        padding: 0 4rem 4rem;
    }
    #83818

    palpatine
    Participant
    Post count: 41

    Hi Anitac,

    Here’s what is there by default:

    .home-top .widget {
    margin: 0;
    padding: 0 40px 40px;
    padding: 0 4rem 4rem;
    }

    .home-top .widget:first-child {
    padding-top: 40px;
    padding-top: 4rem;
    }

    Would this work?:

    .home-top .widget {
    margin: 0;
    padding: 0 0px 0px;
    padding: 0 0rem 0rem;
    }

    .home-top .widget:first-child {
    padding-top: 0px;
    padding-top: 0rem;
    }

    Thanks,
    Aaron

    #83819

    AC
    Blocked
    Post count: 7712

    Do it this way – replace yours with mine.

    .home-top .widget {
    margin: 0;
    padding: 0;
    }
    
    .home-top .widget:first-child {
    padding: 0;
    }
    #83820

    palpatine
    Participant
    Post count: 41

    Thanks Anita,

    I did that, but I have a couple of questions:

    1. Why is it that the child themes have both px and rem? Is this something I should be concerned about? I mean not addressing both?

    2. Your fix worked pretty well, but there’s a funky white line (sometimes dotted) that now appears right at the bottom of the text overlay shadow… Do you know how to fix that?

    Thanks again for your time. I really appreciate it.

    -Aaron

    #83821

    AC
    Blocked
    Post count: 7712

    The px and rems are what they call Fallbacks for different browsers.

    The dotted line is here:

    .widget li {
        border-bottom: 1px dotted #494949;
        margin-bottom: 1rem;
        padding-bottom: 1rem;
        text-align: left;
    }
    #83825

    palpatine
    Participant
    Post count: 41

    Ahhh, interesting. Originally I didn’t think that the dotted line was there by default, but I guess it is… on every other slide? Sometimes the line is solid and sometimes its dotted. Weird?!?

    In any case, it’s just much more prominent now that I’ve removed that padding.

    With regards to the Fallbacks…

    Am I going to run into some cross-browser compatibility issues now that I just zeroed the padding out and didn’t specify px and/or rem?

    Thanks again for your assistance!!!

    #83827

    AC
    Blocked
    Post count: 7712

    You shouldn’t because 0 is 0 no matter what.

    #83829

    palpatine
    Participant
    Post count: 41

    Makes sense to me ;-)

    Thanks again Anita. Who needs Soliloquy support, who wasn’t very helpful btw, when you’ve got pros here that are so willing to help a newbie out.

    Give your doggie a kiss for me and have a good one.

    #83830

    AC
    Blocked
    Post count: 7712

    :) Thanks and he will appreciate the extra kiss.

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

You must be logged in to reply to this topic.