Is there any way to remove "WordPress carousel free version" this text.
Wonder Plugin version 12.3
You can see carousel example here http://rashedulalam.info
This ought to do it:
.amazingcarousel-image > div {
opacity: 0 !important;
}
That said, the most moral way to do it would be to pay for the paid version
of the plugin. The plugin creator's time and effort were not offered to you for free unless you agreed to advertise for her.
Edit: $49/year/site for a carousel? highway robbery, hide away.
Go to plugin
wonderplugin-carousel-> engine folder-> wonderplugincarousel.js
Edit wonderplugincarousel.js file and search wtextcssdefault then change opacity:0.9 to opacity: 0
and save.
On the edit slider screen of the plugin click on Option tab.
Click on Advance Option and put following css in the Custom CSS box.
.amazingcarousel-item div.amazingcarousel-image :nth-child(3) { z-index: -99; }
I hope this is useful and it's working.
With version 12.7 (mar2018) work only the last solution here above, this:
On the edit slider screen of the plugin click on Option tab.
Click on Advance Option and put following css in the Custom CSS box.
.amazingcarousel-item div.amazingcarousel-image :nth-child(3) { z-index: -99; }
this is working newly updated by me
.amazingcarousel-image a { opacity:0 !important }
.amazingcarousel-image .wondercarousellightbox { opacity:unset !important }
Related
Based on client requirement, we have customized list editform.aspx page. By default when user lands on that page, edit tab is expanded. We do not want anyone to see the ribbon on page load. We do not want to hide s4-ribbonrow. Currently I am using This article to hide the edit tab on page load. But this takes lot of time (5 seconds).
Is there any other way that we can achieve this and still be fast? Please let me know your thought on this.
Environment: SharePoint Online
Thanks for all your help!
Try to use this css:
#Ribbon\.ListForm\.Edit {
display: none;
}
#Ribbon\.ListForm\.Edit-title {
display: none;
}
I am working on Liferay 6.1 and I want to remove portlet header section completely for one of the portlet( This should not be visible for admin even)
Header section is edit,minimize,maximize,delete and title bar.
I have tried removing border but in vain. Also tried additional style sheet options
PortletId is correct as I am able to change other styles
p_p_id_top_WAR_SecondPortletProjectportlet_.portlet-borderless-bar {
display:none;
}
p_p_id_top_WAR_SecondPortletProjectportlet_.portlet-topper {
display: none;
}
p_p_id_top_WAR_SecondPortletProjectportlet_.portlet-title {
display: none;
}
Try this code
p_p_id_top_WAR_SecondPortletProjectportlet_ .portlet-borderless-bar {
display:none;
}
p_p_id_top_WAR_SecondPortletProjectportlet_ .portlet-topper {
display: none;
}
p_p_id_top_WAR_SecondPortletProjectportlet_ .portlet-title {
display: none;
}
As you are using css class you need to give space before using it.
More Info css .class selector
Edit: Sorry, I misread your question - You're explicitly asking about an embedded portlet. Disregard my answer, I'm not deleting it as this question might be found by others that are looking for this solution for non-embedded portlets.
I'm suggesting a slightly different approach than you ask for:
Don't display portlet borders. This will do the job if you also uncheck the "Display Edit Controls" checkbox in the dockbar. However, it will allow you to move the portlets on the page, configure them as you need.
Alternatively, specify in your theme that you don't want to show the borders by default - this way you don't have to change each single portlet's borders, but they're all gone at the same time (provided the current border-display-setting is on default):
in liferay-look-and-feel.xml add this line:
<setting configurable="true"
key="portlet-setup-show-borders-default"
type="checkbox"
value="false" />
When you disable borders, some handle will only appear if a) "Display Edit Controls" is checked AND the user is hovering the mouse over a portlet.
After that, don't grant the full Administrator role to people that you don't want to see the controls at all. Instead create an alternative role with permissions that match your requirements - this typically involves setting portlet preferences for the single portlets, configuring permissions for them as well as changing/modifying pages (try them out, I can't name them from the top of my head)
Hi in Drupal 7 I am using autocomplete search. In search input it displays part of ajax loader animation all the time even when the input is not focused. Bug is marked with red square .
Any suggestions please why there is this bug. (I am using boostrap theme)
Thank you for help.
It's not a twitter bootstrap error.
See your drupal installation's misc/throbber.gif file. You will see that it's actually a sprite and when the ajax request is in progress, it changes its position to show the animated throbber.
You will need to create a new one and adjust CSS accordingly to workaround this issue. Your text field has a relatively higher length than this sprite's
Add the following CSS to your theme's css file. These styles are defined already, so you will only need to override them. See inline comments.
html.js input.form-autocomplete {
background-image: url("/misc/throbber.gif"); // Enter a new thribber image here.
background-position: 100% 2px;
background-repeat: no-repeat;
}
html.js input.throbbing {
background-position: 100% -18px; // Adjust this -18px to the height of your new throbber.
}
I've been searching and searching for an answer to this problem and cannot found a solution.
I have added some custom styles to the CKEditor that add a margin-left to the selected text. The problem is that this causes the style previews to move to the right in the styles list. So much so, that they go off the right side of the dropdown. I don't quite have enough rep to post a screenshot unfortunately.
I would just like the styles in the list to have no preview at all if possible.
I have tried to add .cke_panel_listItem p {margin-left: 0px !important;} to my global.css and to the editor.css. I cannot override the inline style no matter what I do.
Any suggestions? Thanks in advance!
I was able to do this using the contentsCss config property. So:
CKEDITOR.editorConfig = function( config ) {
config.contentsCss = 'wysiwyg.css';
}
then in wysiwyg.css put your CSS code:
.cke_panel_listItem p {
margin-left: 0px !important;
}
I am using Magento CE v1.5. Modern theme. I would like to display Search bar on the right hand side in the Navigation bar. Basically category menus on the left and search function on the right on a horizontal menu.
I have replaced top.bar with top.menu in catalogsearch.xml. The search function displays on the right with the following CSS
.form-search { margin:3px auto; float:right; position:absolute; right:20px; top:70px; }
I am just wondering do I need to do anything to top.phtml file because many other tutorials suggest you need to add
getChildHtml('topSearch') ?>
My search displays without the above code in the top.phtml file.
Please suggest the correct way to go about achieveing search in the navigation bar in CE v1.5. Thank you.
If, getChildHtml() not loaded in a template that you work on, you can't show the block that you want. Try the following snippet :
<?php echo $this->getLayout()->getBlock('top.search')->toHtml() ?>