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;}
Related
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.
I have a webpage using a wordpress theme:
The problem is: can you see the white space between the lateral menu and the text? and the white space between the text and the right corner? I want to delete it, like making zoom to the important part of the webpage.
Anyone knows how can I do it? what file and with what vars of the wordpress template I need to play to change this part?
I think you might need to specify your WordPress theme. Can you?
Do you mean you want to get rid of the side navigation or the styling?
if its the side navigation that you do love to get rid of i suggest you get the secondary menu turn off and for the white spaces i suggest you might need to have a little custom css to play with.
for the side nav i suggest you try this additional css to get the white spaces off
.site-navigation li{border-top:0;}
.secondary-navigation{border-bottom:0}
or you can install other css plugins such as simple custom css, css hero,etc
hope that will helps
I'm making a website on WP, and I'm using Visual Composer. No blog, just pages. For some reason any images I put on the page skew left. When I load the page, initially the image is in the right place. But then immediately as the page loads they are pushed left. Even if they're inside of a row, as seen here:
The image is inside the same row as the text, yet the text is correctly aligned, and the image is skewed. I put a border around the picture and you can see it even skews from the border.
I'm using the page inspector to try and figure out what in the stylesheet could be causing this, but I've already disabled/changed max-width. The margin-left for some reason says -150 and I can't change it, the inspector keeps saying that even though I've changed to 0 it both on the Stylesheet Editor and in Customize -> Additional CSS.
Any idea what could be causing this?
I have no idea why, but it turns out that the solution was to get rid of the Jetpack plugin. It was causing issues with images and sliders. Everything's back to normal.
I recently imported CSS Bootstrap into my website, so that I could add a toolbar to it. All went well, except that the text of my website now cuts off at the bottom. I set the overflow of the body to scroll, to no avail. The website scrolls a little bit, but then the scroll bar stops before the end of the content. If you zoom out on the browser, you can see all of the content.
The home page is a fairly long chunk of code, especially if I include the bootstrap, so I am not inclined to copy it here. Have any of you encountered this, and do you remember / can you suggest how to rectify it?
Some of you suggested a link, and you're right. Here is the page in question: http://www.zipcodeconquest.com/home.php
In your CSS, try changing your body height to "auto". Just a guess without seeing your code or a screenshot...
look for a white-space:nowrap or white-space:pre property. Your container might have one of these styles and forces your text content to be displayed in a way that overlap it.
From my example here:
http://www.singaporeswimming.com.sg/button-problem
I want to get rid of the horizontal scrollbar, but unable to do so.
I can easily use overflow-x: hidden, but I do not want to touch the css of the modal plugin. I only want to change elements from the source.
Any idea?
Check this Question - remove horizontal scrollbar in div the answer is the same as the one of #Connor Miles
As a besides note - use the full power of CSS (Cascading Style Sheets by adding your styles in external files. It's very hard to debug right now.
Add overflow-x:hidden; top the body of the register page that is displaying in lightbox, this way your not touching the lightbox