0
Welcome Guest! Login
0 items Join Now

SOLVED Search module styling

    • Lourika's Avatar
    • Lourika
    • Hero Rocketeer
    • Posts: 262
    • Thanks: 3

    SOLVED Search module styling

    Posted 9 years 7 months ago
    • Afterburner2 - Joomla 3.1

      I have a search in my site that looks terrible - but when using advanced search, it looks great!

      How can I get my search bar ( /* Link removed */ )
    • Last Edit: 9 years 7 months ago by prim.
    • prim's Avatar
    • prim
    • Preeminent Rocketeer
    • Posts: 17290
    • Thanks: 217

    Re: SOLVED Search module styling

    Posted 9 years 7 months ago
    • Hard to help without a working link...
    • Please reply with a direct link to the issue & create a new thread for each new issue.

      A template is only as good as the content that goes into it ;) - DanG
    • Lourika's Avatar
    • Lourika
    • Hero Rocketeer
    • Posts: 262
    • Thanks: 3

    Re: SOLVED Search module styling

    Posted 9 years 7 months ago
    • Prim - I dont understand?
      The links work?
    • Lourika's Avatar
    • Lourika
    • Hero Rocketeer
    • Posts: 262
    • Thanks: 3

    Re: SOLVED Search module styling

    Posted 9 years 7 months ago
    • Let me post these urls again, for the sake of clarity.

      The culprit - looks bad (buttons, style etc)
      /* Link removed */
      Looks good - how do I get my normal Finder to look like this
      /* Link removed */

      Can someone please assist? Not sure which styles I need to put in custom css to make the search look like the rest of my template?
    • Last Edit: 9 years 7 months ago by prim.
    • prim's Avatar
    • prim
    • Preeminent Rocketeer
    • Posts: 17290
    • Thanks: 217

    Re: SOLVED Search module styling

    Posted 9 years 7 months ago
    • I don't see any difference, they both look the same here.
    • Please reply with a direct link to the issue & create a new thread for each new issue.

      A template is only as good as the content that goes into it ;) - DanG
    • Lourika's Avatar
    • Lourika
    • Hero Rocketeer
    • Posts: 262
    • Thanks: 3

    Re: SOLVED Search module styling

    Posted 9 years 7 months ago
    • The normal search has rounded corners and looks terrible.
      The advanced search has a sqaure buttons and looks like the template.

      How can I get my normal search to look like advanced search?

      This image is hidden for guests.
      Please log in or register to see it.
    • Lourika's Avatar
    • Lourika
    • Hero Rocketeer
    • Posts: 262
    • Thanks: 3

    Re: SOLVED Search module styling

    Posted 9 years 7 months ago
    • In other words - how can I get the normal search to look like the search at the top on the second link?
    • prim's Avatar
    • prim
    • Preeminent Rocketeer
    • Posts: 17290
    • Thanks: 217

    Re: SOLVED Search module styling

    Posted 9 years 7 months ago
    • To remove the rounded corners:

      input.search-query {
      border-radius: 0 !important;
      }

      To get some space for the search-button:

      button.btn {
      margin-left: 5px;
      }

      To get some space to the left of the search-field you can add rt-block as module-suffix in the module's settings.
    • Please reply with a direct link to the issue & create a new thread for each new issue.

      A template is only as good as the content that goes into it ;) - DanG
    • Lourika's Avatar
    • Lourika
    • Hero Rocketeer
    • Posts: 262
    • Thanks: 3

    Re: SOLVED Search module styling

    Posted 9 years 7 months ago
    • Sorry - not working.
      Will have to try something else.
    • prim's Avatar
    • prim
    • Preeminent Rocketeer
    • Posts: 17290
    • Thanks: 217

    Re: SOLVED Search module styling

    Posted 9 years 7 months ago
    • What is not working, i just checked your site and the corners are gone but maybe you have issues with something else?
    • Please reply with a direct link to the issue & create a new thread for each new issue.

      A template is only as good as the content that goes into it ;) - DanG

Time to create page: 0.056 seconds