Tagged: 

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • August 10, 2017 at 3:27 pm #837015
    iannox1

    Hi guys,

    I’m working on a client’s website using Enfold and the script from their booking site is not rendering like their site suggests. It seems as if it’s following the scheme of the color section where it is located. How do I by-pass the color scheme and render the script as it is supposed to be rendered?

    Cheers.

    August 11, 2017 at 7:48 am #837334
    Rikard

    Hey iannox1,

    Thanks for the login details, though I’m not sure what it’s supposed to look like?

    Best regards,
    Rikard

    August 11, 2017 at 3:36 pm #837480
    iannox1

    Hi Rikard,
    The service provider is currently working on a fix and will probably update you if they can’t.
    My question though is, can I put a script on a section without the script following the themes scheme? Display online scripts as they are.
    Cheers!

    August 12, 2017 at 1:19 pm #837851
    Rikard

    Hi,

    Sure, you can do that. Though you have to make sure that your CSS targets the correct classes and ID’s of course.

    Best regards,
    Rikard

    August 13, 2017 at 4:36 pm #838252
    iannox1

    Hi Rik,

    It’s supposed to look like item 1 but is rendering way off from what you can see on item 2.

    Cheers.

    August 15, 2017 at 1:52 pm #839278
    Victoria

    Hi iannox1,

    Could you please disable caching and minification, so that we can test the css.

    Best regards,
    Victoria

    August 16, 2017 at 1:02 am #839652
    iannox1

    Hi Vic,
    Disabled Autoptimize.
    Cheers!

    August 16, 2017 at 1:38 pm #839859
    Victoria

    Hi iannox1,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    

div .av_one_fourth.avia-builder-el-2 {
    margin-left: 1%;
    width: 25.5%;
}
#top .input-text, #top input[type="text"], 
#top input[type="input"], #top input[type="password"], 
#top input[type="email"], #top input[type="number"], #top input[type="url"],
 #top input[type="tel"], #top input[type="search"], #top textarea, #top select {
       padding: 6px !important;
           margin-bottom: 5px;
 }
#res_r_box input {
    padding: 4px !important;
}
#tmpCheckOutDate2 + a, #anchorA {float: right; margin-left: 5px;}

 
#res_adult_selection td {
  width: 10px !important;
}
#tmpCheckOutDate2,  #res_r_box input#tmpCheckInDate2 {
 float: left;
}
#res_r_box input#tmpCheckInDate2 {
       border: 1px solid #0f81a1 !important;
}
#res_r_box_a a img {
  position: relative !important;
  width: 80%;
}

    Does it look better?
    If you need further assistance please let us know.
    Best regards,
    Victoria

    August 17, 2017 at 5:05 am #840197
    iannox1

    Hi Vic,
    This looks better than the first one. However, I noticed that everytime that script is present I can’t seem to save the changes I do with anything inside that color section.
    Cheers.

    August 17, 2017 at 4:45 pm #840489
    iannox1

    Hi guys,
    I added the script in a 1/4 element and it looks awful in tablet view both in landscape and portrait. Isn’t there a way to display the widget as it is and not follow the theme’s formatting?
    Cheers.

    August 18, 2017 at 3:23 pm #840900
    Victoria

    Hi iannox1,

    Most of the styles, like 98% of styles applied to it are the styles of that widget, not the theme. It’s just the skin that it has, that maybe can be changed. Or not? We can try to make further adjustments, just please specify the specific changes.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.