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

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

Related

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

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

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.

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.

Flexslider: How can I display image captions in my node?

I have a site where my nodes (articles) can have multiple featured images. By default, my articles have this gallery at the top of the page rotating through the images. I like it. I'd like to know where I can go to modify it, though, since I'd like to display caption information as well.
This is what my article node looks like (though I haven't added all the styling yet):
https://www.dropbox.com/s/c62wg8w0b52o48z/t1.PNG?dl=0
This is the information for the images in my article node:
https://www.dropbox.com/s/jglmo1ogm6jg2xs/t2.PNG?dl=0
As you can see, I have a Title, Alt, and Caption for each image. The title appears below the image by default. I'd like to display that caption, especially, somewhere near the image.
In my display settings under "Manage Display", I was able to select a bunch of different ways of displaying this gallery. I chose FlexSlider, and there's an option for displaying the image title (which exists no matter what I pick), but none for caption:
https://www.dropbox.com/s/a4cz4audj9o6p6w/t3.PNG?dl=0
Here's a live version of the page:
http://ccdrupal.dor.org/articles/multi-image-test#
Is that something that's easily done? I don't think this is the theme's functionality, but maybe it is. I'm using the Blogger theme for D7. Is there an extension that can do this? Is there something I should look for or change in the code?
Check out that flex slider plugin and what template files it provides. Try finding and overriding template file that displays the image. Idea is to find how image is printed and image source is collected and use the same way to collect image caption field. Then you can add some extra HTML to print image caption.

Link CSS Image Slider to admin panel

I like this CSS Image Slider but I don't know to link it to the admin panel so it will automatically take the images uploaded there and also add extra bullet for each image uploaded.
If anyone knows how to make this it would be great.
Here is the link for the slider:
http://cssdeck.com/labs/css3-image-slider
Thanks.

Resources