Facing some challenges in changing the default theme page layouts to elementor full width.
A single post or single page layouts are unable to be accessed for changing the layout structure. Any help would be appreciated.
Have you tried reinstalling Elementor?
Try it.
If it doesn't solve the problem, simply recreate them with elementor or you can just use wp plugins.
A Full-Width Page means the content spans from right to left and takes the full 100% of the screen's width.
With Elementor there numerous ways to do this, here are three:
Use a Full-Width page template
Use the Canvas page template
Stretch the sections.
Details of the explanation can be found here: https://docs.elementor.com/article/40-full-width-page
Hope this maybe of your help, Please let me know, thanks.
Related
My problem: I want to have the content of my page as it is on the https://little-lime.de/ website. So I want the content to be changed when the user just scrolls a little bit while the background stays the same. Is there any Elementor plugin for doing this? Or any other solutions for this?
And the second (less important question): How can I create an background like the one of the mentioned website (https://little-lime.de/) where the points in the background always connect with the mouse?
Hopefully you understand my questions/problems and can halp me.
Thanks in advance!
I have a one page layout template and I'm having issues with only one div in particular on a split section. For some reason all my divs are responsive regardless of content except for one. It contains my profile picture underneath the hello section of my website http://dtcm.co.nz.
Can anyone suggest possible solutions or help me with this one, I have tried to include max-height:px height:% min-height:px into the css of the #media inquiries of each layout but nothing seems to be working..... maybe I've missed something really simple........
Developers made new checkout section on our website but the pages don't size to ipad or smart phone. There are checkout buttons and important elements on the pages that need to be seen by buyers, but they are being left off (pages cut off the right third of page) --
I've been researching briefly for a quick answer -- the rest of our site uses tables and this section uses css and divs only -- is that why it doesn't do it automatically? I'm not talking about media queries -- just the full page resizing to the screen width automatically...
I don't want to use scrollbars but even that solution at this point would give a visitor the ability to actually checkout on these pages...
Can anyone help? It would be greatly appreciated.. If it is more complex, that's fine, but I suspect something can be done to make the pages fit (and zoom if need be) or (gasp) scroll..fairly easily.
Thank you in advance for your help!
Ok, that section does not allow scrolling because is disabled from the css stylesheet.
You can get back the scrolling by editing the css. Look in the css file for the styles of .section. It will have a overflow: hidden; property. (it seem that is stored on file screen.css, line 435)
Replace it with overflow: auto;
You'll then be able to do horizontal scroll. But in the end, that is not a real solution. Since it seems you are not a coder, you need to get someone to recreate the styles of your website in order to make it actually responsive.
I recommend you to use on your website bootstrap, which can be used to create a responsive navigation.
I'm trying to get Tumblr's photosets to appear 640px wide.
I'm modifying CATCHING ELEPHANT for my blog http://assemblyradio.tumblr.com/
I'm making the whole posts section of the theme wider.However, I can't seem to get photo sets to appear 640px wide.
I would like the sets to show up as Tumblr intended with their fancy layout, because they look great. Therefore this solution is not what I'm looking for:
Change default photoset size on tumblr
I have tried java script from here:
Tumblr theme dev: Square-75px photos for Photoset posts
and here:
Change default photoset size on tumblr
The second script sort of worked but the images are cropped off =(
If I add some custom CSS I can get the iframe to be 640px wide, but then the height does not adjust accordingly!
Everytime I think I figure it out on Chrome's web developer tool, I can't seem to get the code right in Tumblr's custome CSS. I thought using this selector gadget [How can I get the CSS Selector in Chrome?
could help me target exactly what CSS I should be editing (to see if that could help) but it can't tell me the path to the element, maybe because it's an iframe.
Does anyone know how to to get custom photoset width?
Or how to get an iframe height to adjust automatically?
Or how to find a complicated path to a class?
Any help would be much appreciated. I just want to see my cute kittens.
Thank you!
Tumblr's limitations had also been annoying me, so I wrote a jQuery plugin for a fully responsive Photoset layout that uses Tumblr's style. It also includes extra information (that can be toggled on/off) for EXIF and caption data on each photo.
https://github.com/PixelUnion/Extended-Tumblr-Photoset
I've ported the Wordpress app from wordpress.org to my web site. I've changed the html and the css to conform to my existing design. I've placed the entry data in my 'main' div, which has a left margin of 19em to keep it to the right of my navigation div. This margin appears to be overridden somehow by the generated html within the 'main' div. I've patched some of the elements by adding the margin back to them, but would prefer a cleaner fix. I've looked at the page using Firebug, but I can't identify the appropriate entry. What is overriding my margin setting?
The problem page is here. Notice the Tags at the bottom.
Another page that doesn't use WordPress code doesn't have this problem. It is here.
Thanks for any help
I want to keep my acceptance rate high so I don't appear ungrateful for all the great help on this site. The answer was that the css was defined as a class and the html was using 'id='. Sometimes it helps to make sure the computer is plugged in.