I've downloaded and added Lightbox 2 to my site, but have a couple of weird things going on. The data-title and data-lightbox don't show up at all and the lightbox image is transparent as well as the overlay for some reason. I've put the script at the bottom of my page.
Any help would be appreciated.
Related
Disclaimer: I am a non-programming newbie who has no idea of CSS and HTML. So please make the suggestions it easy for me.
I am using the Ohio theme for my Wordpress website.
I am using their landing page (ohio.clbthemes.com) and trying to edit it.
I am facing a problem in the first section. I have used a 1920x1080 wallpaper for the background of the first row.
The background zooms in in the mobile version and resizes when loading (also in the desktop). Why is this happening?
Also the default background of this page is pink, which also pops up first when loading the site. Then all rows and other background comes on.
I want to remove this background and change it. Where do I do it?
I'm using AccessPress theme with Elementor plugin on WordPress.
I would like to have images on my page scroll with the page (as they do on a normal Website), but they are staying fixed and giving the "parallax" effect.
Example: https://youmeitea.com/faq/
Furthermore, I notice that when I load the page, the image loads in one position, but then jumps to another position. I would like to be able to use the custom offset in Elementor to position the image so that I can control which bit of image is visible behind the page title (refer to the example page).
I am unsure if these are related, but I suspect they might be. I have tried inspecting and playing with things in Chrome as well as selected every possible setting in the Elementor page builder to no avail. Searching for someone with more knowledge to give me some advice.
This page uses a plugin from Dreamweaver called Easy Rotator. It is current being used to display an image gallery. There is a div to the right of the image that has text in it, but it is not showing the text. I am not sure why this is the case. I have tried using the CSS inspector to track down the problem with not luck. Any help on this would be greatly appreciated.
Live page: http://www.securitybankusa.com/art
I am using the pro-theme "Frame" for Wordpress and have not been able to find support elsewhere for an issue (developer of theme won't support plugin compatibility issues--understandably). I am trying to re-position header/nav so that it does not overflow onto background images, rather, the background images are positioned below the header/nav wrapper/container. I've been trying to fix this issue for a few days now and cannot find a solution.
For example: below the link will show the BG image of a woman and I would like her head to not be cropped/covered. I also need whatever changes to be responsive and work with the additional features on the site (i.e. - homepage has a slideshow, etc.).
LINK
Thank you for any help--it is much appreciated!
Best regards,
The HTML of the page is a mess. I suggest to modify the background image of the woman itself (with whatever editor you want), just add a top margin to the image, let's say 80px white colour.
This is the easiest solution. If you provide me more details were this background is generated/paced I may be able to give you the CSS solution.
Whenever I use Drupal's Lightbox 2 module to display videos it always adds ugly scroll bars which are unnecessary. How can I get the module to stop showing the scroll bars or find out why it thinks they are needed in the first place. Here is a sample page on my website you can see what I am talking about. http://www.yoninja.com/jp/dailylife/600/seibo-catholic-hospital-shinjuku. If you click on the video at the bottom of the page you will see it load with scroll bars.
Enable iframe border. You can modify the border style in your theme's css file using the iframe's id "lightboxFrame".
Try this. #lightboxFrame{overflow:hidden}
just write a new definition for the class emvideo-modal-iframe in your theme style.css
like
.emvideo-modal-iframe{overflow:hidden;}