WordPress.org

Ready to get started?Download WordPress

Forums

CW Red
incorrectly displayed the form (12 posts)

  1. babajaro
    Member
    Posted 1 year ago #

    Good day. Could you help me, why I have incorrectly displayed the form on the theme of cw red? You can see it on page http://travels4you.ru/amsterdam/
    For example on another theme it was like here on cached page: http://hghltd.yandex.net/yandbtm?text=http%3A%2F%2Ftravels4you.ru%2Famsterdam&url=http%3A%2F%2Ftravels4you.ru%2Famsterdam%2F&fmode=inject&mime=html&l10n=ru&sign=eb1072b6cd6a93112a112eaf3813f2ca&keyno=0

  2. mixmastermichael
    Member
    Posted 1 year ago #

    Not sure I follow you, can you please clarify what you mean? The red form looks okay to me.

  3. babajaro
    Member
    Posted 1 year ago #

    I mean blue form on the down of page. It is last form of the page. Not in left menu

  4. babajaro
    Member
    Posted 1 year ago #

    Dear, mixmastermichael.
    I received message from support of form which incorrect displayed on web page. I searched in the css files this text, but not found. Could you please help me to show where it should be done.
    The message from support:
    "The issue lies within the following elements in of your css
    Please remove the following (highlighted in red) to resolved the issue.
    http://travels4you.ru/amsterdam/

    #SB_1a19923289 .hcsb_content {
    background-color: #CAE8F0;
    border: 2px solid #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    overflow: hidden;
    padding: 15px 10px 20px;
    position: relative;
    }

    So it looks like;

    #SB_1a19923289 .hcsb_content {
    background-color: #CAE8F0;
    border: 2px solid #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    overflow: hidden;
    position: relative;
    }

    And please remove the following highlighted in red;
    #SB_1a19923289 h1.hcsb_topTitle {
    border: 0 none;
    border-radius: 3px 3px 3px 3px;
    margin: 0.4em 0 0;
    padding: 0.4em 0;
    text-shadow: -1px -1px 0 #999999;
    }

    So it look like;
    #SB_1a19923289 h1.hcsb_topTitle {
    border: 0 none;
    border-radius: 3px 3px 3px 3px;
    margin: 0.4em 0 0;
    text-shadow: -1px -1px 0 #999999;
    }

    The issue here was the CSS elements of your website, overriding the search box. You will find that a common cause for overriding is the “padding” element, which is usually just removed to fix the issue, as seen above.

  5. mixmastermichael
    Member
    Posted 1 year ago #

    Okay so that "#SB_1a19923289 .hcsb_content " and the other element seems to be something created from javascript, so it's not something directly seen on your theme's stylesheet.

    However, you can just over ride that javacript's css by jut putting that stuff they suggested on your theme, but you might need to just put "important" on the elements so that the browsers know to look at it, rather than the javascript's css elements.

    So, just paste all this stuff into your theme's css and it should look okay:

    #SB_1a19923289 .hcsb_content {
    background-color: #CAE8F0 !important;
    border: 2px solid #FFFFFF !important;
    border-radius: 3px 3px 3px 3px !important;
    overflow: hidden !important;
    position: relative !important;
    }

    #SB_1a19923289 h1.hcsb_topTitle {
    border: 0 none !important;
    border-radius: 3px 3px 3px 3px !important;
    margin: 0.4em 0 0 !important;
    text-shadow: -1px -1px 0 #999999 !important;
    }

    The easiest thing to do would be to just find where the javascript file creates those css elements and remove them as they suggested, but without access to your site, it's hard to see where to look.

    Make sense?

  6. babajaro
    Member
    Posted 1 year ago #

    Thanks for the reply.
    In the CW Red theme there are only two css files: style.css and editor-style.css I pasted this code in the top of files, but nothing has changed.
    Maybe they gave me the wrong code? What do you think?

  7. mixmastermichael
    Member
    Posted 1 year ago #

    na, see, when I look at the stylesheet that's on your site (by looking at the source code):
    http://travels4you.ru/wp-content/themes/cw-red/style.css

    I don't see those elements I pasted in the above post on it. You're going to have to update that particular stylesheet.

    It might not be directly editable in your wordpress editor. So, just go to your FTP, download that stylesheet: http://travels4you.ru/wp-content/themes/cw-red/style.css

    copy and paste that stuff I mentioned above onto the stylesheet, upload it to your site to over write the old file and things should be in business.

    Make sense?

  8. babajaro
    Member
    Posted 1 year ago #

    I did it. Could you see again?
    Thanks.

  9. mixmastermichael
    Member
    Posted 1 year ago #

    yea I see that in your stylesheet and the blue form looks good on my computer.

  10. babajaro
    Member
    Posted 1 year ago #

    Not so good as I need.
    By default I use Google Chrome browser. And I see that form is not correct. I did an experiment. I opened the page in different browsers (Firefox, Google Chrome, IE). Only IE browser shows me the form correctly. For example, I made some pictures with the form on different browsers and computers. And I made special post for you :)
    http://travels4you.ru/mixmastermichael/

  11. mixmastermichael
    Member
    Posted 1 year ago #

    ah, gotcha. Now that I see what you want it to look like (in ie) we can make some adjustments so that stuff should look good in Chrome / Firefox.

    I've made some tests to produce that result with this. Just gotta add float: left to these elements below on your stylesheet. Might need to add that !important hack to them, but should do the trick I think.

    #SB_faf9a9cfdd input, #SB_faf9a9cfdd select, #EX-SB_faf9a9cfdd input, #EX-SB_faf9a9cfdd select {
    font-size: 15px;
    border: 1px solid #ACADB2;
    color: #4E4E4E;
    background-color: white;
    border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    float: left;
    margin-left: 10px;
    }

    #SB_faf9a9cfdd .hcsb_checkinDateContent img, #SB_faf9a9cfdd .hcsb_checkoutDateContent img {
    display: inline-block;
    background: url("http://www.hotelscombined.com.au/Images/hc_icon_calendar.png") no-repeat scroll 0 0 transparent;
    height: 25px;
    width: 25px;
    vertical-align: top;
    top: .25em;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    float: left;
    }

  12. babajaro
    Member
    Posted 1 year ago #

    Hi!
    I pasted this blocks with tag !important in the top and after in the down of style.css, but it didn't give result. Could you see if I have an error?

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.