Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • August 5, 2016 at 4:53 pm #669051
    charlotteraboff

    Hey,

    I want to decrease the Search button in the Car Rental widget –
    http://www.idtraveller.com

    What code shall I add?

    Cheers
    Charlotte

    August 5, 2016 at 5:09 pm #669057
    Yigit

    Hey Charlotte!

    Please add following code to Quick CSS 

    .search-panel .button {
    width: 50%;
}

    Best regards,
    Yigit

    August 5, 2016 at 5:20 pm #669062
    charlotteraboff

    Hey… thanks but I see no change..

    August 5, 2016 at 5:29 pm #669066
    Yigit

    Hi!

    Code is not being applied. Do you mind creating a temporary admin login and posting it here privately? So we could look into it?

    Cheers!
    Yigit

    August 5, 2016 at 5:42 pm #669069
    charlotteraboff

    Yes, of course :)

    August 5, 2016 at 6:05 pm #669076
    Yigit

    Hey!

    Embed code is not allowing to overwrite their styles. Can you please try adding following code to Functions.php file that is in wp-content/themes/enfold? 

    function custom_button_width_css(){
?>
<style>
.search-panel .button {
width: 50%; 
}
</style>
<?php
}
add_action('wp_head', 'custom_button_width_css');

    File is not writable in Appearance > Editor so i could not add it

    Best regards,
    Yigit

    August 5, 2016 at 8:35 pm #669127
    charlotteraboff

    Ok, thanks :) I will do that later on.

    Have a nice weekend.

    August 5, 2016 at 9:04 pm #669138
    Yigit

    Hey!

    Thanks Charlotte! You guys too have a nice weekend!
    We will keep the thread open and will wait to hear from you :)

    Regards,
    Yigit

    August 7, 2016 at 2:20 pm #669450
    charlotteraboff

    Hello again,

    I have added the code now to the functions.php file but I don’t see any difference.

    August 7, 2016 at 4:22 pm #669466
    Basilis

    Hi!

    If you try the following function?

    function custom_button_width_css(){
?>
<style>
.search-panel .button {
width: 100px !important; 
}
</style>
<?php
}
add_action('wp_head', 'custom_button_width_css');

    Does that make any change, so we can be able to understand where the issue might be located.

    Thanks a lot

    Cheers!
    Basilis

    August 7, 2016 at 4:36 pm #669479
    charlotteraboff

    Nop… it the same wide width on the search button

    August 7, 2016 at 5:06 pm #669493
    Yigit

    Hi,

    Can you please try changing the code to following one

    function custom_button_width_css(){
?>
 <script>
jQuery(window).load(function(){
jQuery('.search-panel .button').css('width','100px');
});
 </script>
<?php
}
add_action('wp_footer', 'custom_button_width_css');

    Best regards,
    Yigit

    August 8, 2016 at 9:54 am #669715
    charlotteraboff

    Yes, I did but no difference…

    August 8, 2016 at 4:02 pm #669879
    Yigit

    Hey!

    Embed code is not letting the styles to be overwritten. I will try further using some cheats but i am afraid that might help. I will keep you updated.

    Cheers!
    Yigit

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