Portfolio grid layout

Hi guys / gals

I am looking to create a different layout for the portfolio grid element. This will be the first time I have dabble at changing core theme files so I’m after a bit of direction.

Currently the portfolio grid element outputs on a page with the sort option at the top and the items below. Which file/s control the layout?
wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/portfolio.php makes the portfolio element knit together, creates the functions but is it creating the actual layout.

I am wanting to create a layout that has sort options listed on the left and items on the right.

The image here will explain better

Where would I start and changing which files?

Presumably there is a php file that creates the sort function and the grid and all I’d need to do is find these and wrap some html / css around to structure the new layout?

Thanks

TJ

** edit **

I can achive the look I need by using css to make the changes

// to move the sort options left
.sort_width_container {  width: 25%;  float: left;  margin: 30px 0px;}
// make preview window smaller
.portfolio_preview_container {  position: relative;  clear: both;  width: 70%;}
//move grid right and up
.grid-sort-container {    clear: both;    position: relative;    z-index: 20;    width: 70%!important;    float: right;    top: -559px;}

Still wondering about the php change though

• This topic was modified 7 years, 2 months ago by tjswarbs78. Reason: added adit