Tagged: image size, LayerSlider
-
AuthorPosts
-
April 7, 2014 at 2:36 pm #248188
Page reference – http://www.prismcareernetworks.com/prism_wordpress/candidates/
I didn’t like the header look, so I created and inserted a header image instead, 1340px wide. The problem is that, first, it resized the entire page to 1340px wide, including the slider which needs to be full width. Secondly, when I deleted the image and previewed the page it was still only 1340px wide, even though the image was gone. No idea why. The only thing I could do, which I never like doing, is to leave the page without saving it. It then returned to the previous edition.
As a feature request it would be nice to have a “cancel changes” option.
Appreciate your help.
April 8, 2014 at 2:45 pm #248779Follow-up. I added my image above the Header and everything was fine. The content below was full-width as I wanted. I then deleted the Header because I just wanted my image as the page header, but now the entire page has adopted the 1340px I don’t want and doesn’t work. I’ve searched and searched for where the CSS is for the main_content but could not find anything. Is there a simple way to insert a header image without the color content assuming a position in the header image?
April 11, 2014 at 4:41 am #250080Hey!
Try adding this code to the Quick CSS:
#header_main .container { width: 1030px !important; }
Cheers!
JosueApril 11, 2014 at 12:49 pm #250185Thanks. I am a little confused by your suggestion. I wanted to be able to delete the “Special Header” and just have the image. Your css seems to suggest making it even smaller. I did add the css but changed the width to 1240px and the slider is now full-width.
As I asked, possibly in another post, what should the width of the full-width slider be set at? My slider shows the left arrow but not the right, so I am assuming it is too wide. I’ll need to redo all the slides but at least I’ll have it showing properly.
As you know, Josue, I am struggling with some issues on this theme and I appreciate your help. Please feel free to just go ahead and make any changes you want and just let me know.
The major issue that has me on full stop on my design is the issues with video. I am not getting any real help from George, who seems baffled at the things that don’t work. Given how popular your theme is I am mystified as to why I am the only one having these problems. The video won’t play as a background to the slider. The video won’t play as a layer in the slider. These are both critical issues for my design.
I suggested using a video layer slide with the autoplay off so that I could have a number of sliders on a given page and the viewer could then click to play the slider when they got to that point on the page, but, for this to work, of course the video has to work. It’s right there in the theme to “add the html code for a video”, but it doesn’t work. This is really urgent because without this I am going to have to rethink using the Enfold theme, meaning all this work is wasted.
PLEASE have someone get in touch with George and sort this out as soon as possible.
Thanks!
April 13, 2014 at 3:37 pm #250756Hey!
I’ve mentioned this in another post but we have no connection with LayerSlider other than its included in the theme.
You will want to first update your theme to 2.6.2 which has another round of bug fixes for the 2.6 udpate.
After, I would recommend re-building that page from scratch to sort out any previous issues with the shortcodes/banner sizes getting messed up.
Then, as a separate entity work with the LayerSlider slideshow on a full width page so that you can introduce it into the layout later once its complete in case there is a conflict somwhere with how the layout is set up. Its a added step for a just-in-case issue.
I don’t know how you are adding in the video right now but the url its pointing to is incorrect. There is a 404 error where the link is pointing to this link which: http://www.prismcareernetworks.com/prism_wordpress/wp-content/uploads/2014/04/FVBHD00751.mp4////
Which doesn’t work because of the //// at the end.
Cheers!
DevinApril 13, 2014 at 6:51 pm #250783Thanks, Devin. Yes, I appreciate that you aren’t the developer, but George has gone silent on me and I’m very frustrated to have spent so much time on this and I’m not getting anywhere.
I have no idea why those extra lines of code are there. My code was clean and I didn’t touch the code that inserting the media generated. Looks like just another bug maybe.
The slide that I am working on has layer one as the video and only a title on the next layer. Can’t get much simpler than that. No matter what I do it just keeps looking for the video even though it is there the second I add the code, so it’s not the path that’s wrong.
Hopefully George will respond. I posted on his support forum as well this morning. I also had a post another post that Josue responded to in which I gave him site credentials and he said he had the same problems and would investigate.
I don’t know what else to do but I will follow your suggestions.
Thanks!
April 14, 2014 at 12:03 pm #250999Okay I entered the info with the API key but I didn’t get any notification of a theme up-date. ???
April 14, 2014 at 3:25 pm #251114Copy of an email sent to George this morning –
Well, after about twenty hours of trying different things –
Refer to – http://www.prismcareernetworks.com/prism_wordpress/test-video-3/
<video autoplay loop>
<source src=”/prism_wordpress/wp-content/uploads/2014/04/background_03.mp4″ type=”video/mp4″>
</video>There are still some issues, dealing mostly with how the HTML does not appear to recognize standard code. After much research I found the video controls, all of which used <video controls XXX> but the slider does not recognize the word “controls”. Almost by accident I removed the word and it started working.
There are also size issues. I used a program called Video Convertor from Movavi (http://www.movavi.com/) to convert a Quick Time movie to an MP4, using the settings for size of 1280px x 720px. If I added this sizing to the LayerSlider HTML code it didn’t work. The only setting that worked was to remove the size, but it should accept the actual size so that the video is properly placed.
Next the standard controls to play or pause the video aren’t shown. Using “autoplay” starts the video immediately; however, this doesn’t solve the problem of how to start subsequent sliders on the same page. The way to do this is to use the code for a “play” button; however, this code doesn’t work either. I found numerous code examples to show a play button, like a YouTube video, but none of this HTML5 code works, which it should. This is the only way to be able to start subsequent sliders.
This feature of the LayerSlider to me Is critical and would make it the obvious slider of choice. It also adds dynamic content when a video background can be used or videos can be shown on individual slides. I also believe I read somewhere that the video would stop when text layers were added, but, as you can see from my example, the video continues to run, which is excellent.
Cheers!
April 15, 2014 at 7:02 am #251452Hi!
If LayerSlider doesn’t work for you I recommend to try Revolution Slider: http://codecanyon.net/item/slider-revolution-responsive-wordpress-plugin/2751380. We added a “Fullwidth Revolution Slider” element to the template builder and you can use it like the LayerSlider script.
Regards,
PeterApril 29, 2014 at 2:20 am #257405After hours and hours I finally have it working, with the exception of the “?rel=0” for the video, which appears to be universal to everyone as Google made some changes.
One issue I have that makes me crazy is the failure to read the enfold.css file. It seems like whenever I make any changes the enfold.css file does not apply. I have to delete the server file and reload my local file and then it is fine.
Cheers!
April 29, 2014 at 2:30 am #257420Hey!
If you are using a child theme you can directly edit the style.css for custom CSS, it would be more reliable.
Cheers!
JosueApril 29, 2014 at 2:41 am #257425Are you saying to put the enfold.css in custom.css?
April 29, 2014 at 3:03 am #257436Hi!
Not exactly, i was referring to the custom code you may have in the Quick CSS, that’s what i understood by ‘changes to the enfold.css’.
Regards,
JosueMay 1, 2014 at 7:24 pm #259016Wow! Something is seriously wrong with the theme or my files may be corrupt. I’m posting this for you because you will need to login and go to – http://www.prismcareernetworks.com/prism_wordpress/wp-admin/post.php?post=2826&action=edit&message=1
In the Editor the page it looks nothing like the up-dated page. If I move the three columns that show above each other in the editor to side by side everything below that is suddenly gone! If I update the page after putting them side by side they are suddenly above each other again.
Also I’m specifying a font color #000 for “alternate content” but the headers arent changing.
Also, when I add standard HTML code to the text area, for some unknown reason your theme screws it all up. It took me hours to do a simple font and background because after I save the HTML your theme deletes some of it, adds in extra <p></p> for no reason, and reformats the clean HTML code so it’s all messy.
None of the sliders are showing up on any other device, even after I forced the landscape mode.
This is all a disaster! I’ve invested a lot of time and money in this theme and it appears to be very unstable. What’s going wrong?
May 5, 2014 at 10:20 am #260155Hi!
If the enfold.css file isn’t writable by your WordPress installation it may just need its permissions adjusted on the server side. Setting the chmod permissions to 777 for example on the avia upload folder in your uploads folder should do the trick.
As for the issues, without being able to actually log in to the site we would have no way of knowing what you mean.
If you are adding in custom html to anywhere in WordPress you should use the text tab of the visual editor and never switch to the visual tab. WordPress has an auto editing functionality which can cause issues. This is the reason the new Code element was added in with Enfold version 2.7 so that you can add in raw code right into your layouts.
Cheers!
DevinMay 5, 2014 at 1:12 pm #260215Devin, I directed this to Josue because he has an admin login. I am very concerned about the issues when trying to edit a page.
May 5, 2014 at 7:06 pm #260411This reply has been marked as private.May 9, 2014 at 5:07 pm #262467Josue, I noticed you logged in a couple of days ago. Have you found what’s wrong here? I am hesitant to make more changes if this is not going to be sorted out.
I don’t know what marking this private means either. I can’t see any reply. ??
May 9, 2014 at 5:59 pm #262503Hi!
I checked the Page and it look the same in the edit page and in the actual view:
Regards,
JosueMay 9, 2014 at 7:01 pm #262535If you scroll down to what should be the three text boxes side by side you will see only one box and then two scrunched together below. I tried every way you could imagine to line them up. After I saved what looked right and came back to edit they were all screwed up again.
May 10, 2014 at 2:52 am #262686Hi!
Thank you for the update.
We would like to chime in but we don’t have an access to the website. If you don’t mind, please post the login details that you gave to Josue then post it here as a private reply so that every time that a support member read this thread, they will be able to check it.
Cheers!
IsmaelMay 10, 2014 at 2:20 pm #262769This reply has been marked as private.May 10, 2014 at 11:36 pm #262840Today my struggle is putting an audio file on my site. I added it as a first layer on my slider and it’s fine, except for positioning. It’s on the left side behind the first dropdown. –
http://www.prismcareernetworks.com/prism_wordpress/
If at all possible I would like it on the right hand side right below the main menu. I tried adding it everywhere but the page refused to load and I got an error from my host.
May 12, 2014 at 9:41 pm #263565Hey!
Somehow that pages layout has gotten corrupted/broken. Either in saving or moving content around a color section has gotten nested inside another and its causing the content to be unable to be loaded in correctly.
The quickest way to fix it is to create a new page and keep the new page open while also keeping the current page open in a second window. Then duplicate the layout from scratch with all of the same content.
Once that is done you can remove all of the content from the broken page, delete it and use the new one. If you need the same url (the slug name) you need to delete the old page and remove it from the WordPress trash.
Once again however we will not be addressing any other questions in this topic.
Regards,
DevinMay 13, 2014 at 1:10 am #263677This reply has been marked as private.May 14, 2014 at 6:52 am #264500Hey!
I tried to embed the audio file with the “Add Media” button and the generated code is:
<audio> <source src="http://www.prismcareernetworks.com/prism_wordpress/wp-content/uploads/2014/05/Rushus_-_03_-_crimson_turtles.ogg" type="audio/ogg"> </audio>
and it works fine for me. Note that the music will only play for Firefox users because Chrome doesn’t support the .ogg format. You can set an mp3 version of the file too though – the code would change to:
<audio> <source src="http://www.prismcareernetworks.com/prism_wordpress/wp-content/uploads/2014/05/Rushus_-_03_-_crimson_turtles.ogg" type="audio/ogg"> <source src="http://www.prismcareernetworks.com/prism_wordpress/wp-content/uploads/2014/05/Rushus_-_03_-_crimson_turtles.mp3" type="audio/mp3"> </audio>
if the audio file name is Rushus_-_03_-_crimson_turtles.mp3.
Best regards,
PeterMay 14, 2014 at 12:38 pm #264598I’m a little confused by your answer. The audio file is playing just fine, including in Chrome. The issue was the placement. Because I added it as the first layer of the slider it’s showing top left behind the slider content. I wanted to put it top right below the menu if this is possible. .
May 15, 2014 at 8:24 am #265161Hi!
I can’t get the music to play on Chrome with the ogg file and Chrome outputs an error which indicates that it doesn’t support the ogg format “InvalidStateError: Failed to set the ‘currentTime’ property on ‘HTMLMediaElement’: The element’s readyState is HAVE_NOTHING”. The player itself can’t be re-positioned because the player styling is not compatible with the LayerSlider position calculations. The Layerslider developers solved this issue by adding the “nocontrols” attribute to the “audio” tag which hides the controls. The music will play in the background but the user won’t see the player.
Regards,
PeterMay 15, 2014 at 12:53 pm #265258Thanks, Peter. I had only uploaded the .OGG format because the .mp3 file was 12MB, above the 10MB limit. I’m converting it now to .WMA for Google, although my search for compatible formats for Chrome included .OGG, so I am confused.
On the placement of the player I didn’t want it in the LayerSlider at all. I wanted it below the menu on the right side, in the header. Is this possible?
May 15, 2014 at 1:32 pm #265274After a little tinkering it’s playing properly in both Firefox and Chrome now. Now the issue is if I can get the player in the header.
-
AuthorPosts
- The topic ‘Image issues’ is closed to new replies.