Forum Replies Created
-
Posts
-
we have already added a new custom stylesheet “wp_lightbox_ultimate_custom.css” in the root directory of the plugin. Now you will be able to add your own css styling to a shortcode anchor easily.
In your case, please open the “wp_lightbox_ultimate_custom.css” file and look for the class “lightbox_ultimate_image_anchor”. Once you find it you can place your desired css code inside it (for example add a border and padding to give a frame look). It will be applied to all the anchor image shortcodes. Here is an example:
.lightbox_ultimate_image_anchor
{
border: 1px solid #000;
padding: 5px
}You might need a recent build of the plugin to get this custom stylesheet.
Please do the following:
1. Deactivate and delete the currently installed version of the plugin(s).
2. Download a fresh build of the plugin(s) from here:
https://support.tipsandtricks-hq.com/update-request
3. Upload and activate this version of the plugin(s).
Your question will be replied here –
https://support.tipsandtricks-hq.com/forums/topic/large-video-in-vimeo-any-way-to-make-it-smaller
Hi, Looks like you are using another fancybox library that comes with your theme. You can’t include two fancybox libraries in the same page. Otherwise there will be Javascript conflict. You need to either use the theme fancybox or the Lightbox Ultimate fancybox.
You also have an error when the page loads
[jquery.form] terminating; zero elements found by selector
http://focus1design.ca/wp-content/plugins/contact-form-7/jquery.form.js?ver=2.52 (line 904)One javascript error can make other Javascript codes not to function properly. So you need to make sure that there is no error in that page.
Hi, we have fixed some HTML validation errors. Now it should pass the W3C validation (except HTML5 as it is still experimental).
Please do the following:
1. Deactivate and delete the currently installed version of the plugin(s).
2. Download a fresh build of the plugin(s) from here:
https://support.tipsandtricks-hq.com/update-request
3. Upload and activate this version of the plugin(s).
We can’t really do anything about the CSS validation because these CSS files come with the libraries. However, you might be able to reduce the number of errors just by selecting CSS3 validator.
There are some javascript errors on this page (if you use firebug you will be able to find it out easily) –
1. $ is undefined
if ($.browser.msie && $.browser.versio...r below cause it doesn't support it.
http://www.momentumbrandgroup.com/pc360/wp-content/themes/hostingsquare/js/fade.js?ver=3.1.3(line 3)
2. $ is not a function
$('#slider').nivoSlider({
http://www.momentumbrandgroup.com/pc360/training/warp-speed-program/ (line 83)Those errors can affect the overlay popup.
Also I think your theme is deregistering the jquery library to include its own version 1.4.2 (it’s not necessary). WordPress already have a api to include jquery in a page (which runs in no-conflict mode) . This avoids including multiple versions of the jquery library in the same page. You can learn more about it here –
Wrong Way of adding JQuery library to WordPress – Source of Javascript Conflicts
It’s always a good idea to use a clean and properly coded theme. For example – the default WordPress theme. This is helpful for search engine optimization because when the Google Bot comes to index your site it’s not gonna like it if the pages contain errors.
Hi, you are using an additional text for each shortcode (e.g. – “What are QRCodes anyway?”, “QRCodes on iPhone” etc). That’s why “float:left” attribute is causing the text to stack on the image. In your case it’s better if you use you own custom div for each shortcode. So please do the following steps:
1. Keep the “lightbox_ultimate_image_anchor” class empty like before (in the “wp_lightbox_ultimate_custom.css” file). For example –
.lightbox_ultimate_image_anchor
{
}2. Now go to the page where you have all the shortcodes embedded.
3. Switch to “HTML view” (in the page editor)
4. Wrap each shortcode and the text within a div. For example –
<div style="float:left;">
What are QRCodes anyway?
[shortcode for the lightbox video goes here]
</div>
<div style="float:left;">
QRCodes on iPhone
[shortcode for the lightbox video goes here]
</div>
<div style="float:left;">
QRCodes on Android
[shortcode for the lightbox video goes here]
</div>
................
do this for all other shortcodesLet me know how it goes.
We recently added this shortcode to the plugin. Please do the following:
1. Deactivate and delete the currently installed version of the plugin(s).
2. Download a fresh build of the plugin(s) from here:
https://support.tipsandtricks-hq.com/update-request
3. Upload and activate this version of the plugin(s).
This shortcode will embed the MP4 file which will work on all modern browsers including the browser in iPhone and iPad.
Yes, I was confused because in my browser the text was on the right of the image already. So I thought probably it’s the sidebar.
It’s not a good idea to add a checkbox for this because someone might want to customize it in a different way.
Anyway, we have added a new custom stylesheet “wp_lightbox_ultimate_custom.css” in the root directory of the plugin. Now you will be able to add your own css styling to a shortcode anchor easily.
Please get recent build of the plugin from here –
After you update the plugin open the “wp_lightbox_ultimate_custom.css” file and read the comment and you should be set.
You didn’t tell me if you are talking about the sidebar or the content area. I’m guessing you are referring to the sidebar. I think the image took all of the sidebar that there is no space for the text to appear. So your code might not be wrong.
You have an error on this page – http://www.lifepixel.com/lightboxtest
404 Not Found - http://www.lifepixel.com/nonanyway, are you talking about the page content area or the sidebar? What are you trying to get out of it?
