Customize Search Results Grid

Hi again!

I have managed to show results in the left column, but I still have issues with the spacing between the results…

Is there a way to fix that?
And to center-align the h1 together with the input word?

Thanks!
Gorka.

If I clear out your style.css, it seems to work as expected so not sure what you’ve tried to do?

If it were me, I’d start again and add blocks of CSS a bit at a time to the style.css to find out which section is breaking your site. In fact, probably easier to clear out the style.css, cut all the current code and then add it back into the Custom CSS panel (Advanced options>Custom CSS) a bit at a time. When it works, cut & paste from Custom CSS back into the style.css.

Thank you, rdellconsulting!

You are right, it works fine when I delete the CSS I added to move the social icon bar.

This is what I added to place it on top of the menu items:

.navbar-inner .social-block {
padding: 0;
margin: 10px 0;
}

.row-fluid [class*=span] {
display: block;
min-height: 10px;
box-sizing: border-box;
float: right;
}

.navbar-inner .social-block {
padding: 0;
margin: 0 0 10px 0;
text-align: right;
}

Do you know if there is a way to shift the social icons without it affecting the search results?

Thanks!

Where do you want to shift them?

Ideally, I would love for the social icons to stand to the left of the search bar, which is in the middle of the page. That way, I would have everything on the same line:

social icons search bar menu items

Is that possible?

Try this:

.social-block.span5 {
    position: relative;
    top: 40px; /* Adjust */
    left: 40%; /* Adjust */
}

But you may need to consider how it looks on different devices and look into @media

Thanks! I was able to place it where I wanted, but now the social icons are inactive O_o

.social-block.span5 {
    position: relative;
    top: 40px; /* Adjust */
    left: 40%; /* Adjust */
    z-index: 10;
}

It works perfectly, rdellconsulting!

Thank you so much!

But you were right, it looks different on different screens and devices…

Is there a way to fix its position?

It also happens with the search box. I placed it in the center as I see it on my screen, but it is placed on the right on a panoramic screen. Is there a way to center it permanently everywhere?

Thanks again (and sorry for my poor knowledge of CSS).

Gorka.