Need to move the caption to the bottom of slider

Discussion in 'Dzonia WordPress Theme' started by deveshd, Jun 8, 2013.

  1. deveshd

    deveshd Member

    Joined:
    Jul 21, 2012
    Messages:
    282
    Likes Received:
    4
    I changed the height of the slider and the caption now appears in the middle of slider, how do I move it to the bottom and keep it there? Also, the slider moves up and down right now, I just want it to appear in the bottom on the slide and not move. How do I do that?

    URL: http://webworxworld.com/client-demo3/

    2013-06-08_135139.png
     
  2. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,
    For this Go to the
    Theme directory > js > custom.js
    and edit custom.js as shown in image.
    [​IMG]

    This will stop the slider caption to move up and down.

    and Now paste the following code in your Custom CSS
    (Appearance -> Theme Options -> Styling Options -> Custom CSS)
    Code:
    #slides .caption {
    margin-bottom: -150px;
    }
    This will solve your issue.
     
  3. deveshd

    deveshd Member

    Joined:
    Jul 21, 2012
    Messages:
    282
    Likes Received:
    4
    Thanks Piyush. That worked!

    One more question, how do I center align the caption text? I tried <center> </center> tagging and that didn't work :(
     
  4. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,
    We have checked your website and found that the caption text are aligned centered.
    I think, you have solved it by yourself. You can check it on another system.
    It might be the problem of cache so clear your cache.
    This will solve your issue.
     
  5. deveshd

    deveshd Member

    Joined:
    Jul 21, 2012
    Messages:
    282
    Likes Received:
    4
    Hi Piyush: Yes, the center tag is working after the clearing cache... but new problem: Why is the caption box more wide in first slide but normal in other slides? Can you help me fix it, please?
    URL: http://webworxworld.com/client-demo3/
     
  6. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
  7. deveshd

    deveshd Member

    Joined:
    Jul 21, 2012
    Messages:
    282
    Likes Received:
    4
  8. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,
    Your both issue has been resolved.
    You had written text i.e. Size: 24 ” x 17 7/8 ” x 9 ” openly in the gallery image description caption text, it conflict with the code due to which the gallery was messed up.
    You should put the dimension inside the small bracket () and then paste the text over there,
    For example:
    Paste the image caption text as given below.
    Code:
    HANA-MINIDescriptionStainless Steel UndermountSingle Bowl Squareline Kitchen SinkDimensionsOverall Size: (24 ” x 17 7/8 ” x 9 ”)Weight: 20 lbsMinimum Cabinet Width: 27"Features18 Gauge T304 Stainless SteelStoneGuard UndercoatSound Dampening Rubber Padding3 1/2” Drain OpeningAccessoriesStainless Steel StrainersStainless Steel Basket StrainersFinishesSatin FinishInstallationUndercounter InstallationCAD DWG File AvailableStainless Steel Strainer Included (x1)
    then this issue will not occur in the next time.
     

Share This Page