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.
Related
I have a problem with my theme and I am sick of tired to communicate with the theme support team...so I try to solve the issue myself (if possible).
My problem is: I have some single product layout under theme option but when I try to change none of them work. I could overwrite the style in the child theme (how the information, text...etc will show) but my main problem is the product image. Is it too big and the thumbs appear under the image. I want smaller image box and thumbs on the left side. Is it possible to overwrite this in the child theme somehow?
I am not a professional programmer or web designer, but would be happy to learn :)
Thanks for any help or comments :)
May be you can check it with word press plugins. Here is a link. Before override Woo commerce Single Product Template You can try it with custom css in your theme style.css
Copy this very basic CSS and place in your child theme’s style.css file. Check this link.
Wordpress Version: 4.9.7
WooCommerce Version: 3.4.3
WooCommerce has caused layout issues with the Cart & Checkout page. It's any WooCommerce page with a table.
The table with classes of:
shop_table shop_table_responsive cart woocommerce-cart-form__contents
is causing issues. The WooCommerce CSS for the table sets a width of 100%, however the actual width shows as 4870px. The theme's parent element width is set as 1100px.
Why is the table's width much larger than that set by the theme?
There are no CSS declarations after that overwrites.
There are no issues with the products page or product page.
You can always remove default WooCommerce styles, the risk is that you may use some. Anyway it worth the check:
add_filter( 'woocommerce_enqueue_styles', '__return_empty_array' );
If this doesn't help, maybe post a link to the page so we can inspect the layout and CSS?
You might have unnecessary pre tag as a wrapper, causing the table to stretch:
<pre>[woocommerce_cart]</pre>
In order to remove it, you may install "Disable Gutenberg" plugin, then edit the Cart Page in Text tab, leaving only:
[woocommerce_cart]
I had the same issue. The root cause I found was caused by copy/pasting the short code from the woocomerce website directly into a visual editor (WPBakery Page Builder in my case).
The copy picked up the <pre> tag from the source and applied it when pasting, triggering a change of the style to preformatted without me noticing.
Two solutions to fix - depending on your Visual Editor and preference.
Simply changing back to the default Paragraph setting,
Highlight [woocomerce_cart]
Select Paragraph from the drop-down styles list
Update/Publish!
OR, Remove the <pre> tags manually
Change to a 'text' only view of the page code
Remove surrounding <pre> tags leaving [woocomerce_cart]
Update/Publish!
Sorry, can't embed images yet...
Image showing issue:
Image showing manual solution:
This should work for any other short codes pasted in as well, including [woocomerce_checkout] as mentioned in OP.
I'm having trouble adapting a Magento Theme.
I'm using a child theme of a custom theme in order to be able to update this theme in the future. It has worked fine in home page and product pages linked from this page, but when I enter a category page and from there go to a product page, my child theme is not applied anymore (custom theme instead).
I tried a lot of things but oddly, no changes were visible. I even commented a css I was importing from the custom css style field in the admin, and it was still being applied. I flushed cache of course, but no results.
I must say that originally I had a folder with css inside the main theme default folder (magma/default/child_theme/css/style.css) and it was linked in the field as mentioned above. Then I made a copy of it and put it in magma/child_theme/css/style.css, which is the way a child theme must be, as I understand. I changed a color in this new css and no changes made. The first css is still being called. I don't know from where, since I commented the import, as I said.
Any idea where to look into?
Thanks!
You mentioned it's specifically categories and their products. I would check Catalog > Manage Categories then, specifically the Custom Design tab on whatever category/categories are giving you trouble.
I'm new to building websites.
I'm currently using Headway drag and drop Wordpress builder.
I've added Testimonial Widget by Aihrus plugin for testimonials, and I've added it to a widget box.
Problem is that I want to add custom CSS to it that I've seen on this site that is built for it, but the Headway theme doesn't allow you to go in and edit the theme. I've tried adding it to the block inside of the theme but it didn't work. I ended up going into the plugin and adding it to the CSS of the plugin, and it now half works.
Could someone please tell me what I'm doing wrong?
My site is rainorshinedogwalking.com
You can edit your live CSS here:
http://docs.headwaythemes.com/customer/portal/articles/1067360-editing-css-directly
What you type gets minified and added to your site's dynamic CSS file on page load.
All you have to is go through design editor click on the element you want to edit then right click. A pop up box should come up and it say edit element choose that then you will see something like that click it and add our own css
I have installed the MediaFlux theme from Mojo-Themes on my website at www.sjsueconomics.org. Here are my questions:
As you can see on the website, the blue menu at the very top of the page currently displays Page Titles. I want to display External Links there instead. How do I modify the code to do it?
The main menu (red text below the logo) currently displays Categories. Without changing the style or appearance, I want to display the Page Titles instead. How do I do it?
Thanks in advance!
The company you paid for the theme provides support, not a community which has no access to this product.
http://wordpress.stackexchange.com ; customizing a paid theme while providing no code (and having no right to provide any code) is not an appropriate subject for a StackOverflow question
if the theme supports custom menus, there ought to be a Menus page in the admin, under Appearances probably, or perhaps Settings. Go there, then create a menu with the pages or categories you want, then tell the theme to use the menu you created instead of the default. If the theme doesn't have such a feature, you'll need a programmer.