Hi,
I am trying to adjust the padding on a portfolio item on my site: https://www.irenebugliari.com/portfolio-item/animal-plant-cell/
I am wondering if it is possible to move the button on the left with the 9 squares inside it to be much closer to the title “Animal Plant Cell”, bringing everything up further onto the page. I tried inspecting the page, but I am having trouble finding the right CSS to adjust.
Any assistance is greatly appreciated!
Hello kate,
Thanks for writing in! You need to use the Google Chrome Developer Toolbar to check the live HTML code and find which CSS selector you need to use.
The portfolio container use offset cf class and body element of the portfolio item uses single-x-portfolio CSS class. Therefore, a proper CSS selector to reduce the space is to use this:
.single-x-portfolio .offset.cf {
margin-top: 0;
}
Please note that custom coding is outside the scope of our support. Issues that might arise from the use of custom code and further enhancements should be directed to a third party developer.
Sooner or later, you’ll want to add more elements or adjust the elements on the portfolio item page. We highly recommend that you take advantage of the Layout Builder in the Pro theme. The layout builder allows you to create a custom portfolio item layout and add more elements to the page. You can add icon/s and position them where you want them to be on the page. You can even create more columns, add effects or any other elements into the portfolio item. Check out the video below about the Layout Builder:
Best Regards.
Hi,
Thank you for the help!! Is creating a “layout” the same thing as creating a page and save it as a template? How does that differ? The video was very helpful!
Hi Kate,
No, that is not how the Layout works, but its the same with the page builder in terms of workflow. Please watch the following tutorial for more info about Layout Builder.
Hope it helps,
Cheers,
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.