Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • January 5, 2015 at 11:10 pm #375389
    sitesme

    Hi,
    The calendar element is showing like this: http://d.pr/i/1gPNs/10ULnkJl when it should be like: http://d.pr/i/1au88/4Mpuwmv9
    Note the month / year elements, there seems a CSS conflict.

    Thank you for any possible help that you can give me.

    January 6, 2015 at 12:36 am #375425
    Elliott

    Hi sitesme!

    Add this to your custom CSS.

    .ui-datepicker-header select {
  width: 70px !important;
}

    Regards,
    Elliott

    April 12, 2015 at 2:06 pm #427137
    sitesme

    Hi,
    The calendar CSS in the form is still not ok. With the code provided, it is showing like this: http://d.pr/i/1aGSc/4YkwMARN while I would like to have month / year fields on the same line as it shows here: http://d.pr/i/1iGDH/1Fg5AxTB

    Thank you.

    April 12, 2015 at 2:07 pm #427138
    sitesme
    This reply has been marked as private.
    April 13, 2015 at 5:20 pm #427626
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    .ui-datepicker-title select {
  width: 49%!important;
  float: left;
}

    Best regards,
    Yigit

    April 13, 2015 at 5:39 pm #427639
    sitesme

    Thank you Yigit! It worked :)

    Any chance to reduce the red part below the drop-downs and make the drop-downs slightly smaller (in height)?
    Here is how they look now: http://d.pr/i/1aIDs/4zn7fPtS

    Thank you

    April 13, 2015 at 5:43 pm #427645
    Yigit

    Hi!

    Please change the code i posted in my previous post to following one

    .ui-datepicker-title select {
  width: 49% !important;
  float: left;
  margin-bottom: 0!important;
}

    Best regards,
    Yigit

    April 13, 2015 at 6:20 pm #427688
    sitesme

    That looks much better :)

    Thanks for the great support, as usual, Yigit.

    April 13, 2015 at 6:27 pm #427697
    Yigit

    Hey!

    You are welcome Sitesme, always happy to help :)

    Cheers!
    Yigit

    September 15, 2018 at 1:03 am #1009958
    bbarta28

    Hi Yigit!

    I seem to be having this exact same problem on this page. Enfold is overiding Formidable Pro’s date picker and the month/year are appearing stacked. I tried entering your code into my Quick CSS with no luck. I also commented out the #Forms and #Tables in base.css but did not notice any updates at all. I also purchased Formidable Pro so I’m not inclined to try a different plugin. I’m at a loss – please help! Thank you SO much.

    https://wonderlandbridal.com/contact/

    September 15, 2018 at 1:28 pm #1010111
    Dude

    Hi,

    Please try this css code

    
#top #wrap_all .ui-datepicker-title select{
display: inline;
width: 85px !important;
margin-top:5px;
}

    Best regards,
    Peter

    September 15, 2018 at 4:16 pm #1010171
    bbarta28

    Hi Peter,

    Thank you SO much! That worked, but I just have one more styling issue. The fonts/fields look slightly off, as if they don’t have any styling at all.

    Here is the desired result:
    https://drive.google.com/file/d/1pWiG2cpXqCW3w5ooTCyTmL8X9Euy78Yg/view?usp=sharing

    But here is the current result:
    https://drive.google.com/file/d/1OAoKq5F_zvF32Lkv7cXtLucgTjap3rvi/view?usp=sharing

    Any thoughts on how to get this part fixed?

    Thanks again! I REALLY appreciate this!

    Brianne

    September 15, 2018 at 4:32 pm #1010173
    bbarta28

    Hi Peter,

    I’m also noticing that the original issue I had is still occurring on my iPhone. It appears fine in Chrome’s inspector tools. I cleared the history on my phone but it didn’t work. Perhaps this is just my phone or can is there another step I still need to work through?

    Thank you!
    Brianne

    September 15, 2018 at 8:25 pm #1010244
    bbarta28

    Hi Peter, please disregard! The folks at Formidable helped me with that last bit. All good! You may close this ticket. Thanks SO much!

    September 15, 2018 at 10:31 pm #1010266
    Dude

    Hey!

    Great, glad it works now :)

    Cheers!
    Peter

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘CSS conflict with FormidablePRO (forms) in the calendar element’ is closed to new replies.