Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Styling Search bar

Featured Lock Resolved Issue
Hi
I am trying to style the search bar (see attachments).

I want to add a top-margin to align with breadcrumbs - and make it a bit smaller (at least width).

I have tried to override the sp-search class with no effect.
Any ideas?

Attachments (2)

  • joom_searchbar.png
    joom_searchbar.png 41 KB
  • joom_search_Layout.png
    joom_search_Layout.png 20.6 KB

4 Answers

Found it (in case other needs the info):

.sp-search {margin-top: 5px;}

Pavel

3 weeks ago #Permalink
Use the browser code inspector, that would find the right selector and choose the appropriate values of css properties

Paul Frankowski - Staff

2 weeks ago #Permalink
Tips how to use custom CSS you will find inside Helix Documenantion. For sure do not edit a template.css file(!)
Sorry, but we do not teach CSS here.


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 119
Sifat

Sifat

Total Accepted Answers: 63
Toufiq

Toufiq

Total Accepted Answers: 60
Mehtaz Afsana

Mehtaz Afsana

Total Accepted Answers: 13
Rashida Rahman

Rashida Rahman

Total Accepted Answers: 11

118

Templates

302705

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us