Woocommerce/Wordpress: Featured Image/Product loading with background image - css

I'm having a problem with my product image loading with the background image. An example to what Im referring to can be found here https://www.dontcursekids.com/product/not-for-kids-tee-2/ .
I have tried deleting the product image from each individual product (which I'm assuming works the same way a featured image works) and it disappeared from the product's page background. However, it also deletes the thumbnail on the shop page and replaces it with a default picture. I've tried numerous ways with CSS, and several plugins, but I still can't remove it from the background of the product page, and keep my thumbnail of for the preview. ANY help would be greatly appreciated.

If you look in the sourcecode on line 233, that's where the background image is set. You can remove that line in inspector (right click -> inspector in firefox/chrome), and you will see that it goes away, which will tell you that this line is the problem. I don't know how this line got there or how you've tried to edit css (through plugins?), but I assume somehow you injected that line of code there, or it could be in your theme files. Either way, this is the line you have to delete.

Related

I can't add an image to the Newave - WordPress Responsive One Page Parallax template

I have purchased a theme but I can't add an image to the Newave - WordPress Responsive One Page Parallax theme. When I click on the edit flag and I want to add an image, a rather strange icon appears, but when I add an image, it appears in a strange way other than the expected way.
This strange code [parallax_quote author="Richard Johnson"]Creativity is allowing yourself to make mistakes Art is knowing which ones to keep[/parallax_quote]
The code appears like this enter image description here
And when I add a picture like this [enter image description here]enter image description here
Appearance becomes like this enter image description here
I tried to add the image via a link or path from the file, but to no avail
I don't know, I don't know how to add the image code, or it's the wrong way
The image should appear like thisenter image description here

Wordpress / WooCommerce - Product Image has no Link to Add

I'm new to Wordpress. I installed the Livre Theme and WooCommerce.
In the Edit Product screen, there is an option to add a Back Cover Image. But, unlike the other fields which have a link at the bottom to say 'Add Product Image' or 'Add Product Gallery Images' the Back Cover Image section has no link.
Can anyone advise me on how to fix this. I have tried contacting the Theme Creator but got no response.
Here's a screenshot showing the problem:
Here's what I've tried:
I've uploaded the dummy content for this theme and what's really bizarre is, when you view this product (see screenshot) the back cover is there. I have no idea where it's getting it from or why it's not there on the product page when the front cover and look inside are.
I've looked everywhere through all the settings and can't figure out why the link is missing.
Thanks!
Thanks to #VijayHardaha for his comment which enabled me to get to the bottom of this.
I disabled all the plugins then re-enabled them one-by-one (it should have occurred to me to try this but I'm new to website development).
I found the conflict with Elementor. As soon as you disable that plugin, the Back Cover Link appears.
Not an actual solution (I have no idea how to resolve the conflict) but it's a useful workaround.
Disable Elementor, Add your Back Cover Image and if you want to continue using Elementor, re-enable it. The Back Cover Image remains, it's only the link to change it that disappears.

Wordpress post not showing inside images

I have a new website built on latest Wordpress. My issue is in posts, its not showing images automatically when I scroll through, but when I move mouse pointer, its showing a magnifying glass (means there is an image below) and when I click on it, image is come-up on top but not on the post. It looks like only if the image is bigger than the area in post, its doing this because I can see images on other posts where image is smaller.
One example of a post that has issue:
https://www.techadrive.com/hp-envy-curved-all-in-one-34-review-stylish-sophistication-in-a-pc/
Any help will be appreciated. Thank you all.
Your Image path is wrong:
Your site image path is: data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7
actual image path is: https://icdn7.digitaltrends.com/image/digitaltrends/hp-envy-curved-34-review-9-1500x1000.jpg
You can add image again and add the same path in your website section.
Make sure Your Problem is solved

How to assign an image to a specific Wordpress-page

I want to use something like Feature Image in Wordpress 5.2.2 so I can optionally use that image as a thumbnail whn that page gets displayed in a parent category page.
Actually though I don't see that option anywhere on my page, neither in the document nor in the blocks sidebar. Is it something I need to activate and if so - where?
Just to explain what I understand with Feature image:
A page may get assigned 1 image that can be then used as e.g. a visual excerpt for that page and must not be displayed on the page itself.
Sometimes the featured image won't show up if it isn't checked in the screen options tab.
Once checked you'll then be fine to add your featured image to the page/post.

Removing the default link from image Wordpress

I am building a website in WordPress and I am facing an issue with gallery images. I used the plugin FooGallery to show the Grid Images and I also added the onclick to the FooBox to show the larger image.
But the problem is when I click on the image it is showing in two image box. first one is maybe WordPress default and second is the FooBox.
Link for the gallery: http://www.3rdeyeholographic.com/void/
Open this link and click on any one image and see what happen. It will show two image box but I want only one which is good in UI.
Try removing trx addons plugin to remove one of the popup.

Resources