Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • May 23, 2015 at 11:06 pm #449132
    rdswestnet

    Hello

    Is the a way to replace the caption title text with an image on the fullpage slider. My clients want to have their logo in that place instead of text. The result need to respond correctly too.

    Thanks Much

    May 25, 2015 at 5:09 am #449334
    Rikard

    Hi rdswestnet!

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Regards,
    Rikard

    May 25, 2015 at 6:51 am #449394
    rdswestnet

    Hey Rikard

    Here’s the link: http://www.sakuraseafoods.com/

    On the fullwidth slider I’d like to replace the caption title “sakura seafoods” with an image of the company logo

    Thanks much, I appreciate the help.

    Rob

    May 25, 2015 at 4:37 pm #449586
    Yigit

    Hey!

    You can insert your logo using HTML IMG tag in captions – http://www.w3schools.com/tags/tag_img.asp

    Cheers!
    Yigit

    May 25, 2015 at 10:26 pm #449737
    rdswestnet

    Thanks for that.

    Can you help me put a border around the image to match the button below?

    I put this html in caption: <span id=”caption-title”>caption-logo</span>

    and this css in Quick CSS:

    #caption-title {
    padding:0 !important;
    margin:0 !important;
    height:175px !important;
    width:326px !important;
    border: 3px solid white;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
    }

    but I get the sad result you see at http://www.rbdevelopmentserver.com/sakuraseafoods/

    How can I fix that? Thanks, Rob

    May 25, 2015 at 10:30 pm #449738
    rdswestnet

    here’s the html

    <!–<span id=”caption-title”>caption-logo</span>–>

    May 25, 2015 at 10:33 pm #449739
    rdswestnet

    here’s the html

    <!–caption-logo–>

    May 26, 2015 at 7:15 am #449842
    Rikard

    Hey!

    Try applying the CSS to the image instead, like this: 

    #caption-title img {
  padding: 0 !important;
  margin: 0 !important;
  height: 175px !important;
  width: 326px !important;
  border: 3px solid white;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  border-radius: 4px !important;
}

    Regards,
    Rikard

    May 27, 2015 at 1:46 am #450375
    rdswestnet

    Thanks for all the help. This is resolved.

    May 27, 2015 at 7:04 am #450441
    Rikard

    Hey!

    Glad we could help :)

    Regards,
    Rikard

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘change Caption Title text to image in full screen slider’ is closed to new replies.