Filters Horizontal Layout

Anonymous

#137465

Hi again! One more question! (I tried to look for the answer myself in the horizontal form custom css thread but I got a bit lost & confused). I am wondering how to make my filter options on the page horizontal (rather than vertical that fall in a column) using the genesis/foodie pro theme?

Trevor

#137482

Hi Marrisa

I assume that you have already looked at Custom CSS suggestions/snippets here, so maybe we could resolve this a different way? Either by you making a mockup up (using a paint program) of what you want it to look like, or we can do it using a screen share using Skype?

Anonymous

#137625

Hi! Sorry for my delayed response, I know I probably won’t hear form you until Monday, but I created what I was looking for in Photoshop. Let me know how I can send it, not sure this link below will work-

/Users/marissabiese/Desktop/testexample.jpg

Trevor

#137633

Hi Marissa

You need to upload that image to a file sharing site like the WordPress Cloudup site and share the link with me.

And yes, I am here.

Anonymous

#137845

Hi! Thank you, I use one drive to share files, let me know if this works for viewing:
If this does not work I will try something else!

https://1drv.ms/f/s!AivM-PBJY_AOjgFdRDhnbl7dNwcc

Trevor

#138080

Can you try adding this custom CSS to your theme’s custom CSS file, or in the theme customizer:

.searchandfilter > ul > li {
display: inline-block;
margin-right: 20px;
}
.searchandfilter > ul > li:last-child {
margin-right: 0;
}

Anonymous

#138096

Thanks! I tried adding it a few different places I thought it might go but nothing changed. Is there a specific area in the CSS file? (sorry, not the best at coding, only know the basics!)

Trevor

#138099

Is it in the site somewhere now? As in active, but not working? It needs to be so I can see what is wrong.

Anonymous

#138145

I put it in the recipe page area at the bottom in the CSS file so it is active now

Trevor

#138179

This reply has been marked as private.

[Author]

Posts