![]() ![]() * First – Check to make sure that your img is only the file name, and not the full path. Available options are “top”, “center”, “bottom”.Īdmin-Settings page enables or disables the TinyMCE icon (if you don’t want it in your WP-Editor) DemoįAQ I’m not seeing the image on the screen, what did I do wrong?įor this – there are 2 probable reasons that you’re not seeing the parallax. text-pos – Default is ’top’ (to maintain compatibility with ver 1.6).The parallax image will be positioned as close to these values as possible while still covering the target element. Specify coordinates as right, left, center, or pixel values (e.g. position – (defaults to ‘Left’) This is analogous to the background-position-x css property.With Bootstrap Themes, I recommend using the “offset=’true'” parameter. On testing with the WordPress 2016 Theme, keep offset at False. You can put the contents into a “container” class if you’re using bootstrap or just center the contents for horizontal centering. offset (options: “true” or “false”) – This will pull the parallax content all the way to the left of your screen.mobile – If you want a mobile fixed image for mobile display, choose a different image, otherwise it will select the full sized image from the parallax and make it a responsive image.By default these will be behind everything else on the page. z-index (default = 0) – The z-index value of the fixed-position elements.0 means the image will appear fixed in place, and 10 the image will flow at the same speed as the page content. The speed at which the parallax effect runs. speed (default = 2) An integer between 0 and 10.height – This is the height of the parallax window.img – use the filename from the media library for this, not the full path.Text to be overlaid on the paralllax window A Gutenberg widget is in the works.įor example: I can’t guarantee that it will work with all themes, but it’s worth a shot.Ĭurrently this plugin works, but the TinyMCE button only works with the classic editor. ![]() This plugin has been tested with WordPress 2014, 2015, 2016, and 2017 themes as well as a few themes that use Bootstrap. Include text to be overlaid on the parallax between the open and close code. To insert your full width parallax image, simply use the shortcode. This is a simple parallax image plugin that uses the parallax.js script by pixelcog – ![]()
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |