I've recently built a website in Wix's new Editor X.
Does anyone know how to add a drop shadow in Editor X?
In the old wix is was a standard text effect, I can't find anyway to access CSS.
It looks like it will allow javascript functions but that seems like the long way 'round.
Thanks
You could achieve this by setting the .html property of your object (#id). For example:
$w("#id").html = "<p style='filter: drop-shadow(1px 8px 4px #4444dd)'>test</p>"
Below snippet shows the result in pure HTML.
<p style='filter: drop-shadow(1px 8px 4px #4444dd)'>test</p>
Related
I am trying to add space between radiobuttonlist.
I see the aspx markup code, CssClass="radiobuttonlist" but when I use Ctrl + Shift + F, and type in .radiobuttonlist with Entire Solution, I can't find the css file that contains the definition. Strange, I found this
input[type=radio],
.radio{
margin: -1px 10px 0 0;
}
I am not sure what are the 4 values stands for but I tried making changes like
margin: 10px 10px 0 0; but not having any luck in adding spaces after the radio button label.
I also see another CssClass definition in the aspx like CssClass="radiobuttonlist showGender" but I am not sure how showGender is used in the css file or aspx.
Is there another way to find in Visual Studio where the CssClass="radiobuttonlist" is defined. Any help with adding spaces after the label would be greatly appreciated. Been googling and trying out different values but no success after a few hours. Thanks.
I changed it to the following and it is working.
.radio{
margin-right:10px; margin-left:10px;
}
I'm trying to style a views-slideshow on my Drupal site, once I know how to style one part of the slideshow I can then style the rest. I have this div on the view that i want to style and I'm having trouble even putting a border color on it? the div is ...
<div class="views-field views-field-field-slide-image">
If anyone can help as to how to style it and where that would be great
Thanks
This is a old link, but I'm sure that it's useful for you:
http://www.group42.ca/theming_views_2_the_basics
Basically you have to create new files and put it in your theme.
The name of your files depends on the view. And the module recomends names.
On the other hand, you can add the border using CSS, add this for example:
.views-field-field-slide-image {
border: solid 1px #000000;
}
Regards.
I develop a plugin that for wordpress and has a lot of content in it (forms lists etc.).
I know this is asked several times but not in wordpress contects.
The default theme for TwentyThirteen puts some ugly styles on all button:
button,
input[type="submit"],
input[type="button"],
input[type="reset"]{
background: #e05d22;
background: linear-gradient(to bottom, #e05d22 0%, #d94412 100%);
border-bottom: 3px solid #b93207;
border-radius: 2px;
padding: 11px 24px 10px;
}
and several more diferent definitions for :focus, :active, :hover.
This is not a big issue if you have heavy staled page with custom buttons look...
but in my case I rely use jquery and twitter-bootstrap and there styles get completely messedup (red borders on hover, random paddings and so on).
And overriding the styles for close button on DatePicker for example just to make it look NORMAL... is not fun.
This seems as a general issue to me but I m new to wordpress themes and plugins...
so what is good solution for clearing /normalizing this particular styles ?
(Just reset CSS will remove most of the default looks)
try !important as it has the highest priority other than inline style.
I assume that you plan to use twentythirteen, but you need to change the style for a few elements. This can be easily done with a child theme. It is very easy to do a child theme, look it up on google or there are plenty of tutorials on youtube. Here is one example of creating a child theme http://www.elegantthemes.com/blog/resources/wordpress-child-theme-tutorial and here is a youtube tutorial http://www.youtube.com/watch?v=mvzlw8D6pvk
In your theme style.css you only have to redefine the styles that cause problem. And they will automatically override twentythirteen, leaving the rest unchanged.
I am using the Cakephp framework and I need help changing the text color of my dialog boxes.
The text and headers are white in the dialog box, but if I disable the dialog box and go directly to the action's view in the browser the text is color is fine. I was wondering if this is something that needs to be edited in layout.css or text.css.
I have no idea what I am doing when it comes to css files.
I'm hoping its just a small change of one line in a css file but I don't know which one.
If this question is too ambiguous or unsolvable, I will delete it.
Thanks for the help
Edit ------------------------
I found out that this is the codefrom layout.css.
tbody td {
background: none repeat scroll 0 0 #EEEEEE;
border-bottom: 1px solid #BBBBBB;
border-top: 1px solid #BBBBBB;
}
The white colored text is in a table cell,
what should I change to make it black?
You can add your css class or id form /app/webroot/css/styles.css. and check it by firebug. It is applying or not?..
Try looking in /app/webroot/css/cake.generic.css.
You'll want to add the property color to your dialogue box css. (e.g. color: black;)
Use Firebug on Firefox or just right click and chose Inspect Element on Chrome to see in which CSS file properties are defined.
I just installed wordpress. I have created a post and I am trying to display a bit of text in a hightlighted textbox. Similar to the screenshot below. I can't for the life of me figure it out.
Do I need a specific plugin to do this ? or can I do it out of the box. I tried installing a plugin called "SyntaxHighlighter Evolved" which seems to work fine for PHP etc... but the below is plain XML and it just seems to bugger it up. Besides I only want to text to be highlighted I dont really care if its displayed as code or not.
Please help, I wil be so greafull.
According to the documentation, this should work:
[xml]PUT CODE HERE[/xml]
Here's the list of available languages:
http://alexgorbatchev.com/SyntaxHighlighter/manual/brushes/
found a way to get this done.
Wrap your code in the following
[p style="padding: 2px 6px 4px; color: #555555; background-color:
eeeeee; border: 2px solid #dddddd;"] CODE GOES HERE [/p]