Adjusting a widget – won’t react to anything

  • Resolved dziendobry111

    (@dziendobry111)


    8 years, 2 months ago

    Hello,

    This might be a really stupid question but last time I did anything even remotely connected with webdev dinosaurs were around… so please be gentle

    I have an issue with one of my widgets – Search Live – I set it up using provided config panels and a bit of CSS (there was a really annoying text next to search box which didn’t fit at all so I got rid of it). So far so good.

    Now I want to adjust width of search box (or preferably – align the widget with submenu below so everything will look good) – but none of solutions tried by me (found over the forum or over the internet) work.

    here’s the link: https://prestoekotech.pl/produkty/

Viewing 8 replies - 1 through 8 (of 8 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    I think this does what you want:

    #search-live-form-39472396 {
   text-align:center;
}
.search-live input[type="text"].search-live-field {
   width: 65%;
}

    https://i.imgur.com/EZ5hqoV.png

    To add CSS:

    If your theme has a custom CSS option, use that to add the CSS shown above. If not, install the plugin “Simple Custom CSS”. Or, if you have Jetpack installed, enable its Custom CSS module.

    Thread Starter dziendobry111

    (@dziendobry111)

    Well,

    I think it doesn’t work

    tried something similar before – and it wouldn’t work as well

    • This reply was modified 8 years, 2 months ago by dziendobry111.
    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    then you’re doing it wrong. ??

    How did you add the CSS? If you have caching enabled on your site, disable it while playing with the CSS.

    Thread Starter dziendobry111

    (@dziendobry111)

    I added it in my theme’s custom CSS form.

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    Interesting — the digits after the search form have changed.

    Try this instead of what I suggested above

    
.search-live-form {
    width: 160px;
    margin-left: 18px;
}

    {

    Thread Starter dziendobry111

    (@dziendobry111)

    seems to have no effect – css added to custom CSS form of my theme, cleared cache, nothing.

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    I don’t see that CSS anywhere on your page, so I have to think that the theme is not putting the custom CSS out there.

    As you use a commercial theme and need support, please go to their official support channel. In order to be good stewards of the WordPress community, and encourage innovation and progress, we feel it’s important to direct people to those official locations.

    https://kaptinlin.com/support/categories/striking

    Forum volunteers are also not given access to commercial products, so they would not know why your commercial theme or plugin is not working properly. This is one other reason why volunteers forward you to the commercial product’s vendors. The vendors are responsible for supporting their commercial product.

    Thread Starter dziendobry111

    (@dziendobry111)

    Indeed – something must be wrong with the theme. Hard editing screen.css file seems to do the trick.

    Thanks for pointers!

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Adjusting a widget – won’t react to anything’ is closed to new replies.