Forum HTML Templates TopClass Change background image on top-section

This topic contains 31 replies, has 5 voices, and was last updated by  Liton Arefin 1 month ago.

  • Author
    Posts
  • #15277

    miguelangel
    Customer
    Posts: 66

    Hi:

    I’m Majoal. How are you?

    I’d like answer you if there is possible to have a scroll of images on top-section. Nowaday, I have a fixed picture but I’d like to gain some movement in my web ( http://www.avalam.es ) .

    I don’t find which code I have to edit. Can you help me?

    Thanks.

  • #15278

    Labluzzaman
    Support
    Posts: 558

    Hi Majoal,
    We are fine. About your problem if you want to add image in every slide than just add an image of equal size of your current image in every slide not in background. In here you add an image as a background with css. Hope you can solve that or follow the link http://getbootstrap.com/javascript/#carousel.
    Thanks,

  • #15279

    miguelangel
    Customer
    Posts: 66

    Thanks for your support. I’ll test it.

    Regards

  • #15284

    miguelangel
    Customer
    Posts: 66

    Hi:
    I’ve read your link and I need what appears in “http://getbootstrap.com/javascript/#optional-captions” exactly, but I’m not able to do it.

    I don’t find “carousel.js” and I don’t know if I need an extra css file. Can you tell me something more?

    Thanks.

  • #15290

    Labluzzaman
    Support
    Posts: 558

    Hi,
    If your are using bootstraps default elements then you don’t need any other js plugin file like you said carousel.js. It’s just an example. Just remove the image from background and put them in each slider like on the example that’s it.

    [/crayon]

    Thanks.

  • #15296

    miguelangel
    Customer
    Posts: 66

    Thanks for your answer, again.

    I’ve got it but “(your text”) and “start” button appear below the image in stead of over it.

    The code is:

    My text #1

    Start

    </div>

    My text #2

    Start

    </div>

    </div>

  • #15297

    Labluzzaman
    Support
    Posts: 558

    Hi,
    Texts must be contains under top-headings class. And you have to the slider elements classes on your site otherwise it will not work perfectly.
    Thanks.

  • #15299

    miguelangel
    Customer
    Posts: 66

    Oh! It doesn’t work. Sorry.

    <pre class=”lang:default decode:true ” >

    Text #1

    Start

    </div>

    Text #2

    Start

    </div>
    </div>

  • #15300

    miguelangel
    Customer
    Posts: 66

    Uups! The code that I wrote in the post doesn’t appear properly.

    I send you an image.

    Attachments:
    You must be logged in to view attached files.
  • #15302

    Labluzzaman
    Support
    Posts: 558

    Hi,
    Follow this structure i have attached.
    Thanks.

    Attachments:
    You must be logged in to view attached files.
  • #15356

    miguelangel
    Customer
    Posts: 66

    Hi:
    I followed your structure but background image doesn’t change and I can’t to associate a link If I click over it.

    Thanks

  • #15357

    Labluzzaman
    Support
    Posts: 558

    Hi,
    Give us a live Url and ftp access without this i can’t tell what’s happened there.
    Thanks.

  • #15358

    miguelangel
    Customer
    Posts: 66
    This reply has been marked as private.
  • #15361

    Labluzzaman
    Support
    Posts: 558

    Hi,
    Your ftp details not working please provide correct info to login. And i have told you before that you have to use the image inside slider items not as background with css or inline style. Now about the buttons if you want to set those button for a specific section you have to add an extra class and also call that class in functions.js file like the start button. Hope you can understand this.
    Thanks.

  • #15397

    miguelangel
    Customer
    Posts: 66
    This reply has been marked as private.
  • #15398

    miguelangel
    Customer
    Posts: 66

    Hi:
    Which is the file that I have to edit to write the path of the images of the slide?
    Thanks

  • #15408

    miguelangel
    Customer
    Posts: 66

    Hi:
    Is there any advance?
    Thanks.

  • #17149

    kelvinsinet
    Customer
    Posts: 9
    This reply has been marked as private.
    • #17153

      Jewel Theme
      Support
      Posts: 1051

      Hello Kelvin,
      Thanks for contacting with us. I’ve checked the files, it’s fine here.
      Will you please upload on your website and send a Live URL?
      Also please send your FTP access, we will fix your issues( if it remains ).
      Thanks

  • #17154

    kelvinsinet
    Customer
    Posts: 9
    This reply has been marked as private.
  • #17161

    kelvinsinet
    Customer
    Posts: 9
    This reply has been marked as private.
  • #17169

    kelvinsinet
    Customer
    Posts: 9
    This reply has been marked as private.
    • #17175

      Labluzzaman
      Support
      Posts: 558

      Hi Kelvin,
      Your ftp details don’t have permission to edit something. You can add this style on your style.css file and it will be ok.

      Thanks.

  • #17194

    kelvinsinet
    Customer
    Posts: 9
    This reply has been marked as private.
  • #17196

    Labluzzaman
    Support
    Posts: 558

    Hi Kelvin,
    Add this style on your style.css file hope it will work fine.

    Thanks.

  • #17197

    kelvinsinet
    Customer
    Posts: 9

    Hi!
    You always the best!
    It’s work fine now.
    Thank you very much!

    Best regards,
    Kelvin

  • #17198

    Liton Arefin
    Support
    Posts: 900

    Glad to know you like our Service. If you like my Support then Please give a 5 Star Rating on Topclass Template. It will help us a lot.
    Thanks

  • #17199

    kelvinsinet
    Customer
    Posts: 9

    Of cause.
    Done the 5 Star Rating.
    Thank you!

  • #17219

    kelvinsinet
    Customer
    Posts: 9
    This reply has been marked as private.
    • #17222

      Liton Arefin
      Support
      Posts: 900

      Hello kelvinsinet,
      This is easy.
      Remove the line like below

      Add Image tag with your image source like-

      Thanks

  • #17223

    kelvinsinet
    Customer
    Posts: 9
    This reply has been marked as private.
    • #17226

      Liton Arefin
      Support
      Posts: 900

      Hello,
      On your style.css file check search this line of code-

      Change the Color code as yours own.
      Thanks

You must be logged in to reply to this topic.