-
Search Results
-
Back for more help with big yet seemly easy to fix issue :)
I had my new site about 95% done and a big issue has appeared. The problem is there is a 10 or 15 pixel white space below a video embed that I can not figure out how to remove. This problem only seems to effect ipads and mobile phones, because everything looks great on desktop but not on ipads or mobile phones (in landscape / portrait view as well both have the problem)
I’ve tried all the obvious stuff but I’m stumped……?
I followed some enfold threads and added a Custom Css Class to my text block (that has the video embedded in it) and tried to zero out the padding but that is not working.
Details of what I did: With the .videofix custom class added to the text block in question, I then applied the following css style to it.
}
.videofix {
padding-top: 0px!important;
padding-bottom: 0px!important;
}}But again that is not working…………….. ?????????????????
I also tried media queries too, but can’t figure why this white space is being so stubborn? I’m not the best with media queries, which I assume is the problem though it could be something else?
Please help me remove this white space I’m stuck :(
I have attached a pic that shows the problem https://postimg.org/image/nbqa4n7i9/
and my private details and site URL info as well.Any help would be much appreciated…
Thanks
Ivy
On a tag listing page – http://1c5.964.myftpupload.com/tag/projectpeace/
How do I remove the text “POST” that sits at the very top of the first post?
Also, is it possible to change the layout of this page to a more grid layout like http://1c5.964.myftpupload.com/blog/blog-grid/
Hi
My site has uses color section that has a section background image but the image is not responsive when viewing on mobile. The background image is cut off.
The following settings are:
Section Layout: At least 75% of Browser Window Height
Section Padding: Default Padding
Section Top Border Styling: Display simple top border
Section Bottom Border Styling: No border stylingSection Background
Background Attachment: Parallax
Background Image Position: Center Center
Background Repeat: Stretch to fit (stretches image to cover the element)Hi there Kriesit team,
I have another problem. It should be so easy that it’s even awkward to ask for help.
I want to hide a color section (with an unique section ID) on desktop and tablet devices so that it is only visible on mobile devices.
@media only screen and (min-width: 480px) { #nameofsectionid { display: none !important; } }Can you please check this code?
Cheers,
Andreas
Hello, we have our website running and everything is looking pretty nice. I really like the Enfold theme, it’s easy to use and the layerslider builder made for some nice animated elements. I’ve browsed the support site and seen a few similar issues, but wasn’t able to find any solutions, so I’m hoping someone can help me here.
Anyway, I have two problems with the responsiveness.
First: Halfway down this page that contains a mixture of color sections, advanced layer sliders, layersliders, and multiple columns, it suddenly stops stacking the columns responsively. In the first section, the two columns are stacking on top of each other when the window gets small enough (as expected). But then the next section, and for the rest of the page, all the columns stay side-by-side introducing text overlap, and one word per line, which is impossible to read. I’ve tried disabling all plugins, updating wordpress and the theme, as well as rebuilding the page from scratch. After a certain number of color sections it appears to just give up on the responsiveness.
Second: The advanced layersliders for the section headings are fitting in their color sections correctly, all the way down until we hit the vertical mobile size. Then, when the window gets narrow enough, suddenly a space starts to appear below the slider, and the color section is taller than the content of the layerslider. I’m not sure if this is some minimum padding on the color sections, or if I need to tweak my advanced layersliders.
Any help would be greatly appreciated. Thanks!
I searched the forum and implemented everything the Kriesi gurus stated and still no-go, including changing both .content and .widget padding and margins. Nothing affects the spacing.
I want to decrease the spacing between each widget, above and below each horizontal line, by 50%.
THIS DOES NOT WORK AT ALL:
.sidebar .widget {
margin-bottom: 10px !important;
padding: 10px 0 10px 0 !important;
}THIS WORKS FOR THE CONTACT WIDGET BOX ONLY:
.content {
padding-top: 20px;
padding-bottom: 20px; }Thanks. Sorry to repost a topic already answered tons of times but the solutions do not work on my site for some reason.
UPDATE: DISREGARD – FOUND SOLUTION (POSTING FOR THOSE WHO FIND THIS POST) – YOU HAVE TO GO INTO THE COLOR BOX AND CHANGE THE SECTION PADDING TO DEFAULT PADDING.
On a desktop screen only there appears to be a super green highlight in the Promo Box area (inside the ‘Home’ Page) across the content “Want to Schedule a Session.” How do I remove that green highlight part only? Thankfully it doesn’t appear on the Responsive site, just the desktop.
And how do I change the color of the Contact button font in that Promo Box also.
Topic: changing size of my homepage
Hi on this website http://www.puntomatedilizia.com I placed a slider with new articles which i use it to make news always appear on the homepage. It’s a 3 articles slider with autorotation, on my desktop mode this doesn’t create a problem, but on my mobile mode, when it rotate from first to second slide for example, it changes the disposition of what is next on the homepage. This happens since I have three articles on the first slide and just 1 (for now) on the second, so it changes the size of the slider every five seconds. Is there any way I can keep the size of it fixed? Because right now the homepage in mobile seems like is going crazy up and down constantly all by itself.
Thanks for your advice
I notice that my website headline font appears fine while viewing it on a desktop screen (upper and lowercase letters), but when I look at the responsive site on my cell phone all of the Headlines are CAPPED and possibly a different script font. How can I lowercase the font on the responsive site–only–and possibly alter the font?
Also, a separate matter, on a desktop screen only there appears to be a super green highlight in the Promo Box area across the content “Want to Schedule a Sessions.” How do I remove that green highlight part only? Thankfully it doesn’t appear on the Responsive site, just the desktop.
And how do I change the color of the Contact button in that Promo Box also.
Thanks!
Topic: woocommerce issue
hey guys
i’m using the woo commerce plugin on my site and wanted to see if there is a way to disable the menu navigation at the top of the page. currently i have that navigation set up for my homepage to scroll down to the certain sections of the page. i’d like to be able to go back to the main page, but didn’t know if there is a way to set up a separate menu for a different page? so I either want to
1. change navigation to new menu that works on that page
2. disable top header completely so you can’t see the header.thanks
http://www.jdrakeproductions.com/avemaria/?post_type=product
Topic: Comment area not centered
Hi Team,
follow up of my previous post https://kriesi.at/support/topic/content-not-centered-when-zooming/The code you have sent me
#top.single-post .post-entry {
max-width: 800px !important;
left:50%;
transform:translate(-50%);
}works fine everywhere in the blog but:
1. not in the comment area.
I will delete the code to avoid a messy format. If you need to test it let me know.
Any idea to correct it using the Quick CSS?2. All links in the left side of the screen (for example the first social button) are not working. (only in Desktop version). When I hide the sidebar, links work again.
Thanks a lot again.p.s. screenshot in the private area
Viewing 30 results - 93,811 through 93,840 (of 142,890 total)
