Title: Code Amp's Replies - page 7 | WordPress.org --- # Code Amp [ ](https://wordpress.org/support/users/codeamp/) * [Profile](https://wordpress.org/support/users/codeamp/) * [Topics Started](https://wordpress.org/support/users/codeamp/topics/) * [Replies Created](https://wordpress.org/support/users/codeamp/replies/) * [Reviews Written](https://wordpress.org/support/users/codeamp/reviews/) * [Topics Replied To](https://wordpress.org/support/users/codeamp/replied-to/) * [Engagements](https://wordpress.org/support/users/codeamp/engagements/) * [Favorites](https://wordpress.org/support/users/codeamp/favorites/) Search replies: ## Forum Replies Created Viewing 15 replies - 91 through 105 (of 415 total) [←](https://wordpress.org/support/users/codeamp/replies/page/6/?output_format=md) [1](https://wordpress.org/support/users/codeamp/replies/?output_format=md) [2](https://wordpress.org/support/users/codeamp/replies/page/2/?output_format=md) [3](https://wordpress.org/support/users/codeamp/replies/page/3/?output_format=md)… [6](https://wordpress.org/support/users/codeamp/replies/page/6/?output_format=md) 7 [8](https://wordpress.org/support/users/codeamp/replies/page/8/?output_format=md)… [26](https://wordpress.org/support/users/codeamp/replies/page/26/?output_format=md) [27](https://wordpress.org/support/users/codeamp/replies/page/27/?output_format=md) [28](https://wordpress.org/support/users/codeamp/replies/page/28/?output_format=md) [→](https://wordpress.org/support/users/codeamp/replies/page/8/?output_format=md) * Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/) In reply to: [[Custom Layouts - Post + Product grids made easy] Issue with Search & Filter](https://wordpress.org/support/topic/issue-with-search-filter/) * Plugin Author [Code Amp](https://wordpress.org/support/users/codeamp/) * (@codeamp) * [3 years, 10 months ago](https://wordpress.org/support/topic/issue-with-search-filter/#post-15857307) * Ah ok great! Glad that’s working for you 🙂 * Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/) In reply to: [[Custom Layouts - Post + Product grids made easy] Margin and padding](https://wordpress.org/support/topic/margin-and-padding-2/) * Plugin Author [Code Amp](https://wordpress.org/support/users/codeamp/) * (@codeamp) * [3 years, 10 months ago](https://wordpress.org/support/topic/margin-and-padding-2/#post-15857300) * Do you have a link I could look at? * Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/) In reply to: [[Custom Layouts - Post + Product grids made easy] Issue with Search & Filter](https://wordpress.org/support/topic/issue-with-search-filter/) * Plugin Author [Code Amp](https://wordpress.org/support/users/codeamp/) * (@codeamp) * [3 years, 10 months ago](https://wordpress.org/support/topic/issue-with-search-filter/#post-15857249) * Hey [@taeinkyun](https://wordpress.org/support/users/taeinkyun/) * That’s a shame, we did do an update that should fix this. * Can you open another ticket via S&F and mention to speak to “Ross” (me) ? * Then I can have a look at your site to see what we can do to fix it – on wordpress. org we are not allowed to ask for logins etc. * Thanks * Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/) In reply to: [[Custom Layouts - Post + Product grids made easy] Google fonts](https://wordpress.org/support/topic/google-fonts-76/) * Plugin Author [Code Amp](https://wordpress.org/support/users/codeamp/) * (@codeamp) * [3 years, 10 months ago](https://wordpress.org/support/topic/google-fonts-76/#post-15838100) * Hey [@oaz](https://wordpress.org/support/users/oaz/) * Sorry for the delay. * In regards to the Google fonts, do you already have them added to you site? * If so, we could probably achieve this with some custom CSS. * Regarding the minimum height, as I can’t see the issue (I assume your removed our plugin from your link) I would suggest using custom CSS on the card to set it, something like: * ``` .cl-template { min-height: 500px; } ``` * To change the space taken up by the image, I would suggest using an aspect ratio to control the space that is taken: [https://snipboard.io/Tlptxd.jpg](https://snipboard.io/Tlptxd.jpg) * Let me know how you get on. * Thanks * Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/) In reply to: [[Custom Layouts - Post + Product grids made easy] remove left padding of the first element of a row](https://wordpress.org/support/topic/remove-left-padding-of-the-first-element-of-a-row/) * Plugin Author [Code Amp](https://wordpress.org/support/users/codeamp/) * (@codeamp) * [3 years, 10 months ago](https://wordpress.org/support/topic/remove-left-padding-of-the-first-element-of-a-row/#post-15838054) * Hey [@dande82](https://wordpress.org/support/users/dande82/) * Do you mean the spacing all down the left and right side of a layout? * For now you’ll have to use some custom CSS to achieve it: * ``` .cl-layout { margin-left: -50px; margin-right: -50px; overflow: hidden; } ``` * Change the 50px value to match the padding size you have set. * Thanks * Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/) In reply to: [[Custom Layouts - Post + Product grids made easy] Margin and padding](https://wordpress.org/support/topic/margin-and-padding-2/) * Plugin Author [Code Amp](https://wordpress.org/support/users/codeamp/) * (@codeamp) * [3 years, 10 months ago](https://wordpress.org/support/topic/margin-and-padding-2/#post-15838048) * Hi [@xmarksthespot](https://wordpress.org/support/users/xmarksthespot/) * We’re looking to add a fix for this, but for now you could add this custom CSS to remove the gaps at the side: * ``` .cl-layout { margin-left: -50px; margin-right: -50px; overflow: hidden; } ``` * Let me know if that works for you? * Thanks * Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/) In reply to: [[Custom Layouts - Post + Product grids made easy] Yoast PRIMARY CATEGORY needs to display in results](https://wordpress.org/support/topic/yoast-primary-category-needs-to-display-in-results/) * Plugin Author [Code Amp](https://wordpress.org/support/users/codeamp/) * (@codeamp) * [3 years, 10 months ago](https://wordpress.org/support/topic/yoast-primary-category-needs-to-display-in-results/#post-15838031) * Hey [@emgb_520](https://wordpress.org/support/users/emgb_520/) * It’s not going to be possible to achieve through our plugin UI without us writing a specific integration for Yoast and the way they handle primary categories. * You could filter the output of our element, and essentially regenerate this yourself in the desired order, but that’s going to take some coding: [https://customlayouts.com/documentation/action-filter-reference/](https://customlayouts.com/documentation/action-filter-reference/) * The filter you would need is ‘custom-layouts/element/render_output’. I’m afraid the news is not more positive at the moment. * Best * Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/) In reply to: [[Custom Layouts - Post + Product grids made easy] Featured Images](https://wordpress.org/support/topic/featured-images-156/) * Plugin Author [Code Amp](https://wordpress.org/support/users/codeamp/) * (@codeamp) * [3 years, 11 months ago](https://wordpress.org/support/topic/featured-images-156/#post-15774195) * Hey Jens * Currently the image would need to be set as the featured image. * However I did find some code which automatically sets the featured image based on images in the post content: [https://www.gavick.com/blog/wordpress-automatically-set-post-featured-image](https://www.gavick.com/blog/wordpress-automatically-set-post-featured-image) * It does sound like a good idea to add an option for the featured image to fallback to a post content images (I’ll put this on the feature requests). * I hope that helps! * Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/) In reply to: [[Custom Layouts - Post + Product grids made easy] Set nofollow & sponsored attributes for links](https://wordpress.org/support/topic/set-nofollow-sponsored-attributes-for-links/) * Plugin Author [Code Amp](https://wordpress.org/support/users/codeamp/) * (@codeamp) * [3 years, 11 months ago](https://wordpress.org/support/topic/set-nofollow-sponsored-attributes-for-links/#post-15774166) * Hey [@andreasja](https://wordpress.org/support/users/andreasja/) * Not sure how this one slipped through – I’ll add this to the feature requests so we can add functionality for this at some stage. * We’ll need to add those attributes to our UI. * Thanks * Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/) In reply to: [[Custom Layouts - Post + Product grids made easy] Question about template editing](https://wordpress.org/support/topic/question-about-template-editing/) * Plugin Author [Code Amp](https://wordpress.org/support/users/codeamp/) * (@codeamp) * [3 years, 11 months ago](https://wordpress.org/support/topic/question-about-template-editing/page/2/#post-15753812) * Great stuff, glad that worked out for you! * Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/) In reply to: [[Custom Layouts - Post + Product grids made easy] Displaying PRIMARY category in custom layout](https://wordpress.org/support/topic/displaying-primary-category-in-custom-layout/) * Plugin Author [Code Amp](https://wordpress.org/support/users/codeamp/) * (@codeamp) * [3 years, 11 months ago](https://wordpress.org/support/topic/displaying-primary-category-in-custom-layout/#post-15744098) * Hey [@emgb_520](https://wordpress.org/support/users/emgb_520/) * I’ve just done some research but I don’t think there is such a feature built in to WP (please direct me if I’m wrong) * I can see that some SEO tools add a feature like this. * However, there might be a solution that would work for you… * You could try using a taxonomy ordering plugin like this: [https://wordpress.org/plugins/custom-taxonomy-order-ne/#:~:text=Custom%20Taxonomy%20Order%20is%20a,No%20custom%20coding%20needed](https://wordpress.org/plugins/custom-taxonomy-order-ne/#:~:text=Custom%20Taxonomy%20Order%20is%20a,No%20custom%20coding%20needed). * (untested) * Then make sure you only order your categories. * After this you can try ordering your taxonomy terms (in Custom Layouts) by the` term order`: [https://snipboard.io/idtIgK.jpg](https://snipboard.io/idtIgK.jpg) * I’m not 100% this will work as I haven’t tried it, but as long that plugin (or others) use the built in WordPress “term order” setting, then I would expect this to work. * Let me know how you get on! - This reply was modified 3 years, 11 months ago by [Code Amp](https://wordpress.org/support/users/codeamp/). - This reply was modified 3 years, 11 months ago by [Code Amp](https://wordpress.org/support/users/codeamp/). * Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/) In reply to: [[Custom Layouts - Post + Product grids made easy] background image](https://wordpress.org/support/topic/background-image-200/) * Plugin Author [Code Amp](https://wordpress.org/support/users/codeamp/) * (@codeamp) * [3 years, 11 months ago](https://wordpress.org/support/topic/background-image-200/#post-15744076) * Hey [@savantking99](https://wordpress.org/support/users/savantking99/) * Can you show me a screenshot of what this looks like? * I imagine it would just be a disabled box, but we don’t have any functionality to disable this feature at all (so I can’t imagine how that happened). * Can you also check the JS console for any errors and let me know what you see? * Here are instuctions for opening the console in Chrome: – [https://wordpress.org/support/article/using-your-browser-to-diagnose-javascript-errors/#chrome](https://wordpress.org/support/article/using-your-browser-to-diagnose-javascript-errors/#chrome) * Thanks - This reply was modified 3 years, 11 months ago by [Code Amp](https://wordpress.org/support/users/codeamp/). * Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/) In reply to: [[Custom Layouts - Post + Product grids made easy] Additional question about template editing](https://wordpress.org/support/topic/additional-question-about-template-editing/) * Plugin Author [Code Amp](https://wordpress.org/support/users/codeamp/) * (@codeamp) * [3 years, 11 months ago](https://wordpress.org/support/topic/additional-question-about-template-editing/#post-15744056) * Hey [@emgb_520](https://wordpress.org/support/users/emgb_520/) * I have attempted to provide a full solution here: [https://wordpress.org/support/topic/question-about-template-editing/page/2/#post-15744049](https://wordpress.org/support/topic/question-about-template-editing/page/2/#post-15744049) * The main thing, is you would need to add `height: fit-content;` to the `.cl-element. cl-element-section.cl-element--instance-1007` class. * Thanks * Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/) In reply to: [[Custom Layouts - Post + Product grids made easy] Question about template editing](https://wordpress.org/support/topic/question-about-template-editing/) * Plugin Author [Code Amp](https://wordpress.org/support/users/codeamp/) * (@codeamp) * [3 years, 11 months ago](https://wordpress.org/support/topic/question-about-template-editing/page/2/#post-15744049) * Hey [@emgb_520](https://wordpress.org/support/users/emgb_520/) * Just to let you know we can’t always provide support for custom CSS (we do it usually when we have a bit of spare time, but these days is lacking!) * To get the top row of items closer together you could try swapping this code: * ``` .cl-element.cl-element-section.cl-element--instance-1007 { display: grid; grid-template-columns: repeat(3, 1fr); } ``` * For: * ``` .cl-element.cl-element-section.cl-element--instance-1007 { display: grid; } ``` * However, we’re kindof stuck with CSS grid for some of these items (which is why the spacing can be off) and I see in your other ticket you want some of the items to be closer together. * The previous code supplied by a colleague of mine, and uses CSS grid (something I don’t have a lot of experience with). * I would take a different approach instead using flexbox, so the overall CSS code should look like (remove the code we supplied before): * ``` .cl-element.cl-element-section.cl-element--instance-1007 { display: flex; flex-direction: row; flex-wrap: wrap; height: fit-content; } .cl-element.cl-element-taxonomy.cl-element--instance-1001 { width: 15%; } .cl-element.cl-element-custom_field.cl-element--instance-1002 { width: 15%; } .cl-element.cl-element-modified_date.cl-element--instance-1003 { width: 15%; } h3.cl-element.cl-element-title.cl-element--instance-1004 { width: 100%; } .cl-element.cl-element-custom_field.cl-element--instance-1005 { width: 100%; } @media only screen and (max-width: 959px){ .cl-element.cl-element-section.cl-element--instance-1007 { display: block; } } ``` * Those lines with the `width: 15%;` represent the first 3 items that you wanted stacked together in one row.. these 3: * ``` .cl-element.cl-element-taxonomy.cl-element--instance-1001 { width: 15%; } .cl-element.cl-element-custom_field.cl-element--instance-1002 { width: 15%; } .cl-element.cl-element-modified_date.cl-element--instance-1003 { width: 15%; } ``` * You could actually remove the width, and just add a margin to control their spacing: * ``` .cl-element.cl-element-taxonomy.cl-element--instance-1001 { margin-right: 20px; } .cl-element.cl-element-custom_field.cl-element--instance-1002 { margin-right: 20px; } .cl-element.cl-element-modified_date.cl-element--instance-1003 { margin-right: 20px; } ``` * I hope that helps! * Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/) In reply to: [[Custom Layouts - Post + Product grids made easy] Columns](https://wordpress.org/support/topic/columns-93/) * Plugin Author [Code Amp](https://wordpress.org/support/users/codeamp/) * (@codeamp) * [3 years, 11 months ago](https://wordpress.org/support/topic/columns-93/#post-15743916) * Hey [@preux](https://wordpress.org/support/users/preux/) * Columns and rows are planned for our next major update, but that won’t be for a little while yet I’m afraid. * Lots to do before we even get started on that, but there is a big update coming later this year that will include these. * For now you would have to write custom CSS to achieve this level of styling I’m afraid. * This is on the todo list. * Thanks Viewing 15 replies - 91 through 105 (of 415 total) [←](https://wordpress.org/support/users/codeamp/replies/page/6/?output_format=md) [1](https://wordpress.org/support/users/codeamp/replies/?output_format=md) [2](https://wordpress.org/support/users/codeamp/replies/page/2/?output_format=md) [3](https://wordpress.org/support/users/codeamp/replies/page/3/?output_format=md)… [6](https://wordpress.org/support/users/codeamp/replies/page/6/?output_format=md) 7 [8](https://wordpress.org/support/users/codeamp/replies/page/8/?output_format=md)… [26](https://wordpress.org/support/users/codeamp/replies/page/26/?output_format=md) [27](https://wordpress.org/support/users/codeamp/replies/page/27/?output_format=md) [28](https://wordpress.org/support/users/codeamp/replies/page/28/?output_format=md) [→](https://wordpress.org/support/users/codeamp/replies/page/8/?output_format=md)