Tagged: x
-
AuthorPosts
-
March 24, 2017 at 12:40 am #1418645
bigmelloParticipantHi there
I’d like to know how to style my portfolio single item. At the moment I have enabled Cornerstone, which works well but I’d like to include a full-width section under the navigation.
I will send you my link and an example of what I mean in a private message.
Thanks
MattMarch 24, 2017 at 12:43 am #1418647
bigmelloParticipantThis reply has been marked as private.March 24, 2017 at 4:20 am #1418778
Paul RModeratorHi Matt,
You can add this in your child theme’s functions.php file.
function add_section_below() { if(x_is_portfolio_item()) { ?> ADD YOUR CONTENT HERE <?php } } add_action( 'x_after_view_global__slider-below', 'add_section_below');Hope that helps.
March 24, 2017 at 5:15 am #1418808
bigmelloParticipantThanks. But what I meant was to be able to customise every portfolio item with a different full width image or colored background. Basically I want to be able to style it like a normal page.
Can I have it so that I just add a Cornerstone section to every portfolio item?
March 24, 2017 at 8:01 am #1418938
LelyModeratorHi There,
Add this CSS on Appearance > Customize > Custom > Edit Global CSS:
.single-x-portfolio .entry-wrap .entry-content { padding: 0 !important; } .single-x-portfolio .entry-wrap>.x-container.max.width { max-width: none; width: 100%; }That will override container of single portfolio item so it will be fullwidth. Now, you may add a section on top of every portfolio item using Cornerstone. Then make sure to set Column Container to OFF. Then for succeeding section, feel free set container and max-width on ROWS so it is not fullwidth.
Hope this helps.
March 24, 2017 at 9:26 pm #1419784
bigmelloParticipantOh you’re the best!!!! that worked brilliantly.
Thanks so much for supplying that info.
March 24, 2017 at 10:49 pm #1419828
Prasant RaiModeratorYou are most welcome. 🙂
-
AuthorPosts
- <script> jQuery(function($){ $("#no-reply-1418645 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>
