i am using elementor page builder to design the single product page but for some reason the product title in not appearing on the page and while editing the page in the builder as well. i have tried clearing the cache and tried the css codes which i found in other forums but nothing is working. i checked the themes own customize section and when i change the html tag from H1 to H2 the title appears but in the page builder (elementor) its not working. i think the product should be and H1 tag instead of H2. If i deactivate one of it (the plugin or the theme) the title with h1 tag starts appearing. First i deactivated elementor, the product title start appearing on the default single product page then i switched the theme to another, the single product page that i created using elementor started appearing with h1 product title. I guess there is a conflict between the theme and the plugin
I will appreciate any solutions 🙂
The theme i am using is oceanwp
The page I need help with: http://dev.gemforia.com/product/opal-moon-ring/
Related
I have woodmart theme installed along with wocommerce and polylang for translation, for an online store, everything was working fine until suddenly the single product page CSS got messed up,
the header and footer got shifted to a side, plus the text alignments and other RTL issues appeared.
here is a screen shot of the single product page showing the issues, everything is shifted to the side.
screenshot of the single product page here,
I'm working on a website for my company which provide a database of rental cars.
we use woocommerce, woocommerce bookings and elementor.
the problem I ran into is that instead of having the calendar and add to cart button below each other it sits next to each other which creates a very ugly look.
Below a screenshot of the right layout from our main website and a screenshot of our new website. I tried different themes but it seems that the theme is not the problem in this case because the error occurred in all themes I tried it out with.
Links to images:
Wrong Layout
Correct layout
I have built my online shop in Wordpress, theme Ellie, and using Woocommerce plugin.
Issue is that the texts "View Cart" and "Checkout" are too close to each other in 2 different places: Footer and Cart widget on Shop page. Something wrong there.
Shop page
Footer
https://senjacosmetics.com/shop/
Really happy if you can help! I tried to research this but didn't find anything. I'm not a developer so cannot proceed on my own.
This is just small css issue. You can easily solve it by adding some css rule.
You can add following css rule in your theme's style sheet or if your theme supports custom css, then via that feature.
.woocommerce-mini-cart__buttons a.checkout{margin-left:15px;}
"woocommerce-mini-cart__buttons" is the class assigned to 'p' tag which contains both the links. "checkout" is one of the class assigned to the 'Checkout' link.
You can change the value of '15px' to anything you want depending on how much space you want between the two links.
Following is screenshot for your reference. I added the css rule to checkout link in developer console.
Hope this helps.
I am in the process of setting up my own e-commerce website powered by wordpress and woocommerce but i have come up against some issues.
Specifically when i click on a product category the page title bar appears twice and i have been trying to eliminate this issue.Whereas the shop page is behaving correctly,only spawning the page name only once.
What i have done so far is:
Disabled the yoast SEO wordpress plugin(read somewhere that it might be the issue).Nothing happened.
Tried to edit the style.css by adding the class"page-title" of the bar that appears twice and using the display:none feature.The bar disappeared but the other bar did as well since they share the same exact path and class as the one in the shop page.
The proper format of the page is located here - www.survivalmotion.com/shop/
The one that has the issues is any product category such as - http://www.survivalmotion.com/product-category/backpacks/
The topbar is the one i want to eliminate.
Any idea on how should i proceed to fix this?
Add this to your css:
.main-content-inner-full>.page-title{display:none;}
.main-content-inner>.page-title{display:block !important}
I am building an ecommerce website using Woocommerce and suddenly the Single Product Page has started behaving weirdly. The CSS doesn't seem to be working. I am getting a text only page without any styling.
put < class "woocommerce" > in your content.
http://stanhub.com/how-to-fix-default-woocommerce-css-not-working-properly/