Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #22113

    Hi!

    Really enjoying this theme. I have a question about the homepage slider images. Before discovering the call to action buttons already built into the theme, I made an image with two buttons and uploaded that as the first image in the slider. I can’t figure out how to target that image so I can add an image map over those buttons for links or place new button images over the exact spot (851, 452 would be the coordinates) of the first button on the image.

    If I can’t do anything that way, how can I move Propulsion’s call to action buttons around, change the font, and make two buttons two different colors? I couldn’t figure out exactly where that was in the slideshow.css (if I’m looking in the right spot).

    Thanks for the help!

    #114263

    Hi IHRA,

    You wouldn’t be able to do an image map unless it was on a separate page you were trying to use an iframe.

    For the slideshow buttons, the theme doesn’t have direct support for it so you would need to target each slide individually on that specific page and then style the buttons and position them with new css.

    All new css should be added to the custom.css file (never edit the themes css files except the custom.css file to prevent issues with upgrading later).

    Regards,

    Devin

    #114264

    Hi Devin,

    Alright, that’s good to know. I’ll stay out of editing the other css files. How do I target individual images in the slider?

    #114265

    I would do it with something like:

    #top.page-id-## .slideshow_container .slideshow .slide_number_1 { }

    Where ## is the page ID number and the .slide_number_1 is the number of the slide within the slideshow.

    Regards,

    Devin

    #114266

    Hmmmm…I can’t get that to work.

    I had previously changed the height location of the caption titles for other slides and think that impacted this one too. Could that be the case?

    Here’s the section I modified:

    .slideshow_inner_caption {

    padding: 0px 10%;

    position: relative;

    display: table;

    height: 30%; <— that one

    }

    #114267

    My css above isn’t exact and will definitely need a bit more tweaking on the individual slide. So from the .slide_number_1 add .slideshow_inner_caption or whatever class selector you were try to use. From there it could need !important or something like as well.

    It isn’t something that I would be able directly do via support because of the additional checks needed to keep it browser compatible as well as responsive.

    Regards,

    Devin

    #114268

    Ok, I’ll see what I can do. Thanks for your help.

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

The topic ‘Homepage slider images, call to action buttons’ is closed to new replies.