This topic has 10 replies, 3 voices, and was last updated 1 years, 8 months ago ago by Rose Tyler
Hi i have some questions:
#1: Somehow the page looks like this https://gyazo.com/7fe515a2e8a3ef2124cd8850402da065 the content is too close to the header. how to create a space without using breadcrumbs?
#2 in the category page i want first a H1 tag and an introduction text like this https://gyazo.com/19f0e085d1866aa03ad948d27d5a3921
then the products and then the rest of the text like this https://gyazo.com/26f3359ee1bfcf393b53a808d99303bc
#3 also on the category page i want to create a filter like this on the left https://gyazo.com/19f0e085d1866aa03ad948d27d5a3921 on the widgets they are there, just not visible in the shop https://gyazo.com/e07d27e1ab7ca7cb5abf0dbe75fe0e06
#4 the shoppage fields are too less.. https://gyazo.com/edb94fcd9282bf86c12510352fcac232
#5 spacing between widgets in the productpage https://gyazo.com/f7bdae1a727051d89c9e3d824e876d8e
https://gyazo.com/1799a829310c629f5537aaa707e270d3
#6 i want the search bar a bit more wider, but i cant set it up while there is space, how to do that?
#7 all the buttons should be lined in a row: https://gyazo.com/d22d71f6fe0b25ab1f21923691a04160
Please let me know.
Dear gewoonbovenaan,
Thank you for your inquiry.
1) You added custom CSS – it will work (https://prnt.sc/PeHqH7W25Nwh). However, if there are widgets on the page, it will break the page layout (https://prnt.sc/c-74uXdywRFW). Therefore, it is better to use this code:
.archive .content-page{
padding-top: 50px !important;
}
We have added it for you.
2-3) You need to move all the widgets from the Main Sidebar to the Shop Sidebar (from https://prnt.sc/w95va8ZqbJuV to https://prnt.sc/JJWSWYDtpP1b). We have done this for you.
4) Unfortunately, this can only be done through customization in a child theme. Please provide FTP access for it.
5) To change the margins, you need to use Computed Box (https://gyazo.com/0010bca7eece79a2d352266ab24157b8). Currently, we have set the top margin value to 25. If desired, you can change it to any value (https://prnt.sc/8rOhxuFmZsN1).
6) Please provide a screenshot.
7) Fixed. Currently, the only way to align the buttons without additional customization is the option: WooCommerce (Shop)->Shop->Products style->Product Title Limit By.
We hope this information is helpful.
Best Regards,
8Theme’s Team
HI Thank you for your fast response.
can you please advise how i make the filter closer to eachother? There is too much padding now. https://gyazo.com/64c02cbfc8ee77b640d380989da4a023
Can u advise how to create space between the headings, text etc in the category content after description section?
https://gyazo.com/28fd6f35af9ca7088366aa3ecdea3a8e
Please advise.
Hello, Gewoonbovenaan,
1/ Custom CSS code can be used to reduce the mentioned spaces:
.sidebar-position-left .sidebar-widget {
margin-bottom: 30px;
}
2/ Please provide the URL of page from which the screenshot was done.
Thank you for your cooperation and we look forward to hearing from you soon.
Kind Regards,
8theme team
Thanks,
#1 i would like it without the stripe and make it more compact like this: https://gyazo.com/145b57b1549a3b4380144b47b1e4a609?token=d69ebec28da981f1a6ba34dbf01a7dff is that possible?
2: https://www.staging2.pvcvloeren.nl/categorie/pvcvloeren/
thanks!
Hello, Gewoonbovenaan,
You’re welcome!
1/
.sidebar-position-left .widget-title {
margin-bottom: 0px;
border: none;
}
2/
.term-description.et_second-description h2 {
margin-top: 15px;
}
Kind Regards,
8theme team
That works, thanks! But now the spaing between these widgets is too much 🙂
https://gyazo.com/21cd24a7c7f6fa99a98824afd54a7480 how to make them closer?
i would like to add a banner at category pages, but it doesnt work:https://gyazo.com/b264ef5b739e093691c71f490ccdff43
https://gyazo.com/0b160026e03660de456f75315437aeb5
Any idea why?
Hello, Gewoonbovenaan,
Thank you for the reply.
1/ https://prnt.sc/hwBd9qaV3sBi , so please set here https://prnt.sc/I9nPZoiJDKN5 the desired value in px – https://prnt.sc/dNEbEQ7gO3tF
2/ Please change the “Shop Page Banner Position” in the Theme options > WooCommerce (Shop) > Shop > Shop page layout.
Also, check this topic – https://www.8theme.com/topic/unique-header-images-for-category-poverviedw-pages/
If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.
Kind Regards,
8theme team
2/ i have set it at the top of the page. And i can set general but i want to have it per category page. https://gyazo.com/caf8a2a2c5444e11b132e24116cdac7f
I have read the article but i dont know anything about blocks, is there another way to fill it per category? https://gyazo.com/f402ce1e6d0d31461ddf0c24b5e15895 in this screen for example?
Hello, Gewoonbovenaan,
Have you modified the access credentials for the WordPress admin area? We are unable to log in.
We’ve asked to you change “Shop Page Banner Position” (only “position” option), because this option affects the position of Category description content also, but it is not obligatory to add any content into this area – https://prnt.sc/ZOfotC5Kw8gw
We understand that you want to have it per category page, so please follow the next steps:
1/ Go to static blocks > click on Add new, add title and save then edit it using Elementor > add any content there.
2/ Copy the shortcode of static block, for example – https://prnt.sc/_YJfTtpuVzU_
3/ Add it into the category description area – https://prnt.sc/BQXxySqi2Vqc and check the result.
On your screenshot, we can see that you added content to “Description after content” area, at stated in the title, the content of this area will be displayed after the products.
“i would like to add a banner at category pages” – you need to create static block with the banner and add the shortcode of the block into the category description area. If you do not want to use static block, just add tag img
into this area, for example – https://prnt.sc/UM4sGzS4LMDd
Kind Regards,
8theme team
You must be logged in to reply to this topic.Log in/Sign up