Use Entire Image Overlay as link Sp page builder - image

I am new to Joomla and Sp Page builder.
I need to make the Image Overlay addon on joomla clickable, I am aware you can use the title as a link, but I want the whole Image to be clickable. Pls help
enter image description here

You can create a custom addon (based on image overlay) and adjust the output to have the link containing the image
https://www.joomshaper.com/blog/how-to-create-a-custom-addon-for-sp-page-builder
Or you can add some jQuery to get the link inside each image overlay and add it outside the container then adjust with some css.

Related

Adding/Updating a link to an uploaded image in a Trix field

When you drag an image into a Trix field it creates a link to the image source automatically. If you then select the uploaded image in the Trix editor the link/unlink button is grey and unclickable. So you can not remove or update this link to something else.
Is there a way to enable link editing on uploaded images in Trix? either to remove the existing link or to customise to something else?

CKEDITOR Image Properties Browse Button

I have found a neat plugin for CKEDITOR called bgimage that allows a user to select a section of text and wrap said text within div and apply the background image style attribute (Background Image plugin should use Selected Text.).
I was wondering how can I replace the Image URL with Image Browse button as found within Image Properties?
Do I need to add an additional button to the vbox then make the necessary connections between FileBrowser and the associated Button? (I can't seem to find the relevant Developer Docs, regarding this problem).
The complete documentation for adding the file browser to your dialog is actually available here: Adding File Manager to a Dialog Window.

How to Get Text Overlay on Images in WordPress?

I want to have some text overlay on Images and am using WordPress.
See this site - http://www.gxigroup.com
On the site, in Center, you can see an Image whose description is hid just LEFT side. When the "Show Text" button is clicked, the text comes up on the Image.
My questions is, How can I get the same functionality on my website running WordPress?
You can do it by adding some javascript to your header.php template file. Start with these and you should be able to get it.
http://codex.wordpress.org/Using_Javascript
http://wordpress.org/extend/plugins/tags/javascript-slider
It can be easily done with jQuery. I recommend you to search on Google "jquery slide panel examples", theres millions of plugins that do the effect you want.
Some of them:
http://web-kreation.com/demos/Sliding_login_panel_jquery/#
http://www.webdesignerwall.com/demo/jquery/simple-slide-panel.html
http://web-kreation.com/demos/login_panel_mooslide/

Slideshow / Thumbnail on homepage not shows up on wordpress 3.4.2

I'm new to wordpress and currently I'm building a website using it. But now I'm confused about why my post's image doesn't show up on the homepage's slideshow / featured post but it does show up in the post if I open that post. I'm using Weekly Theme right now, but if I change to another theme it will return the same result too ( images won't show up ). How to fix this? Is there any specific codes I need to add or what?
Thanks in advance!
It's a bit hard without being able to see what's going on. Do you have a link to the site? Or the place you got the theme from?
Is it just the image that won't show up in the slideshow/featured area? Or does the text not show up either?
- If it is just the image then you are probably not setting an image in the way the theme wants. Ensure the image is both "in" the article text and also set as the Featured Image using the box on the right-hand-side of the edit screen.

How to know what image is used when looking at the webpage

There is a facebook logo in the frontend design of my site above the header. I want to replace the it with a different colour facebook image. All i did was go to "skin/frontend/default/template_name/images/" and replace the old image with the new one with the same name. But still, the old image is displayed. Please help?????
Rather simple:
make a right click on a image and open image in new tab or inspect the source adress of this image
replace the image on the url that it is really displayed
clear your browser cache if the image still does not change

Resources