Home › Forums › WoodMart support forum › Change page backgroud image
Change page backgroud image
- This topic has 24 replies, 2 voices, and was last updated 2 days, 15 hours ago by Hung Pham.
-
AuthorPosts
-
September 4, 2024 at 5:45 pm #595270
suport.peackyParticipantHow can i change the default backgroud image for every page? I set here a default image Pages title background from theme settings->page title.
September 5, 2024 at 4:59 am #595323
Hung PhamKeymasterHi suport.peacky,
Thanks for reaching to us.
To assist you in the best possible manner, I kindly ask that you please provide me screenshots that illustrate the problem to the Private Content area, this will allow me to thoroughly investigate and address your concerns more efficiently.
Regards,
September 6, 2024 at 8:43 pm #595828
suport.peackyParticipantOk, I found 7 problems, I will attach a picture for each problem separately and I will name it with the number of the problem.
Problem 1: 2 photos attached, so i configured a default page background image in theme settings (like in the photo) and now all pages have the same cover, how can I set a background image individually for each page?
Problem 2: On the first page i have a banner carousel, how can i make the images smaller?
Problem 3: I used the portofolio-element page, the problem is if the name of the project is longer it goes on 2 rows and the the arrangement is broken. I want to line them all up.
Problem 4: On the first page at the top (mobile only) the text is not responsive
Problem 5: On the first page i have a banners carousel but i want to have a left and right arrow vizible, i disabled hide button on mobile option but they are still not visible (mobile only problem)
Problem 6: How can i change the MENU and CATEGORIES text from the mobile menu?
I noticed that I can upload 4 photos, I will write a reply with the other 3.
I look forward to your reply, thank youAttachments:
You must be logged in to view attached files.September 6, 2024 at 8:44 pm #595833
suport.peackyParticipantThe last 3 photos attached
Attachments:
You must be logged in to view attached files.September 7, 2024 at 3:32 am #595862
Hung PhamKeymasterHi suport.peacky,
To assist you in the best possible manner, I kindly ask that you please provide me temporary wp-admin info (wp-admin URL, username, password) to the Private Content area, this will allow me to thoroughly investigate and address your concerns more efficiently.
Regards,
September 8, 2024 at 6:34 pm #595999
suport.peackyParticipantSure. f you want and can, you can solve them yourself, or if not, please tell me the steps to solve them, thank you and have a nice day!
September 9, 2024 at 8:34 am #596041
Hung PhamKeymasterHi suport.peacky,
Thanks for details.
1. Background image
You can do it with our Theme Presets feature.
Then you can use Condition to select page you want to background image > then click on Edit theme settings https://prnt.sc/aYNAEYxVQFU9
Here is our documentation on how to use theme presets. https://xtemos.com/docs-topic/theme-settings-presets/
2. I cannot see images on your site and background images are empty https://prnt.sc/9o4-V6lMASXT, please replicate the issues so I can take a look.
3. It caused by the length of titles, please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS to limit characters:
.portfolio-info .wd-entities-title{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 250px; }
4, 5. It’s WoodMart Slider feature, you can read more about the documentation here to edit slider for mobile devices
https://xtemos.com/docs-cat/woodmart-slider/
https://elementor.com/help/mobile-editing/6. Navigate to WoodMart > Header builder > edit default header (highlighted star icon) or you can go through the admin bar directly https://prnt.sc/Ct9ehRDvvDV9.
Switch to Mobile tab, hover on
Mobile menu
element, click on Pencil icon and scroll down to Category section > enableShow categories menu
option https://prnt.sc/z532Aa-glTHl and you can change the title as well.Regards,
September 13, 2024 at 7:32 pm #597362
suport.peackyParticipantI managed to solve all the problems, thank you very much! Now I have 3 more problems with the portfolio-element page that can be found here https://peacky.ro/portfolio-element/.
Problem1: The biggest problem is that it doesn’t display all the projects items and it doesn’t seem to take into account the settings I made in WoodMart theme settings->portfolio. The categories are displayed, but not all items are displayed.
Problem2: I want to remove this shadow hover effect and let only the zoom in effect
Problem3: This problem is not related to the portfolio element, I noticed that in the shop section, regardless of which category I select in the browser tab, the word archive also appears in the name, how could I remove it?I await your answers, thank you!
Attachments:
You must be logged in to view attached files.September 16, 2024 at 6:49 am #597584
Hung PhamKeymasterHi suport.peacky,
First of all, I’m really sorry have taken long time to reply you due to the weekend.
1. You should deactivate all plugins (except Required Plugins) and then reactivate them one by one. This makes it very easy to isolate the plugin causing problems.
2. Please add the following Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:
.portfolio-text-shown:hover header.entry-header { box-shadow: none; } article.wd-project:hover .portfolio-thumbnail:after{ opacity: 0; }
3. You can try to use SEO plugin, for e.g: Yoast SEO, it adds the title which is editable.
Regards,
September 16, 2024 at 10:54 am #597647
suport.peackyParticipantHello, it’s fine. I managed to solve problems 1 and 2, thank you very much! I didn’t manage to fix problem 3, I installed Yoast SEO but I didn’t manage to modify 2 pages, the shop page and the page with the portfolio element still have the word archives in the new tab name. Could you come in and see what the problem is or tell me exactly how it could be fixed? Thank you.
September 16, 2024 at 10:54 am #597648
suport.peackyParticipantPrint
September 16, 2024 at 12:35 pm #597682
Hung PhamKeymasterHi suport.peacky,
Please refer below topics, these are maybe useful for you:
https://yoast.com/help/yoast-seo-settings-format-archives/
https://wordpress.org/support/topic/yoast-seo-adds-the-word-archives-to-all-my-product-page-titles/Regards,
September 18, 2024 at 6:00 pm #598364
suport.peackyParticipantThanks, it worked. I have another problem, how can I remove or change this “button with cart” on mobile devices ?
Attachments:
You must be logged in to view attached files.September 18, 2024 at 6:01 pm #598366
suport.peackyParticipantAn also how can I remove the stock quantity from there? (1 in stock) Thanks.
September 19, 2024 at 9:20 am #598489
Hung PhamKeymasterHi suport.peacky,
Please add the below Custom CSS code to Theme Settings > Custom CSS > Custom CSS for Mobile section
.wd-product.wd-hover-quick.wd-quantity-overlap .wd-add-btn .product_type_simple.add_to_cart_button, p.stock.wd-style-default:is(.available-on-backorder,.in-stock){ display: none; }
Regards,
October 9, 2024 at 9:47 am #603609
suport.peackyParticipantHello, I have 2 more things to ask you. On the shop page, I would like to change the default sorting to be according to the popularity of sales (now the default is according to the most recent). And 2, also on the shop page with products, can the existing pagination be changed with infinite scrolling or can all products of the selected category appear on the page somehow (if there are more products)? Thank you
Attachments:
You must be logged in to view attached files.October 9, 2024 at 9:50 am #603612
suport.peackyParticipantOctober 9, 2024 at 9:50 am #603613October 10, 2024 at 7:38 am #603909
Hung PhamKeymasterHi suport.peacky,
1. Default sorting
Navigate to Appearance > Customize > WooCommerce > Product Catalog > set the default product sorting.
2. Navigate to Theme Settings > Product Archive > Product grid > Products pagination > Choose a type for the pagination on your shop page.
Regards,
October 10, 2024 at 10:46 am #603986
suport.peackyParticipantAll good, thank you!
October 10, 2024 at 11:19 am #603999
Hung PhamKeymasterHi suport.peacky,
Glad to hear your issue has been resolved. Keep us in mind for future questions and concerns, we’re always here to help!
Regards,
December 8, 2024 at 6:13 pm #620553
suport.peackyParticipantHello, I have 3 questions, I will post a print for each.
1. I want to remove the title text from the image
2. I would like to highlight the out-of-stock products, possibly a banner or something on he product image?
3. Is there a theme option made for promotions, for example buy 2 products and get one free?
Thank you in advance.Attachments:
You must be logged in to view attached files.December 9, 2024 at 2:44 pm #620816
Hung PhamKeymasterHi suport.peacky,
1. Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:
.page-title h1.title { font-size: 0; }
2. Unfortunately, there is no such option by default.
3. You need to find a third party plugin to achieve more functionality that best suits you.
Regards,
December 9, 2024 at 11:40 pm #621012
suport.peackyParticipantOk thanks, but at 1. i want to remove it only for a psecific page, not for all pages
December 10, 2024 at 3:31 pm #621230
Hung PhamKeymasterHi suport.peacky,
You first need to know categories’s ID https://ibb.co/Xkmz5kb
Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:
.tax-product_cat.term-XXX .page-title h1.title { font-size: 0; }
Replace
XXX
with the actual ID.Regards,
-
AuthorPosts
- You must be logged in to create new topics. Login / Register