I'm finding it really difficult to do something which should be basic - create a new style in a stylesheet and apply it to an element.
I have an image of a blue dot which I want to use as a bullet point but I need to shift it down a few pixels to line up with the text next to it. I create a style under the WYSIWYG stylesheet in Settings, give it the following:
Name: bluedot
Alias: .bluedot
Styles: margin-top: 5px;
Then i go to the WYSIWYG editor, there's "bluedot" in the dropdown list of styles. I apply bluedot to the image of a blue dot. Nothing happens.
I thought maybe I can't use margins on an <img> so I tried replacing the margin-top property with "height: 50px;" so then I'd see the blue dot image stretch, but again, nothing happens. I don't think the styles are being applied at all. Am I missing some step here? I find the style sheet section in Umbraco quite baffling, and it should be simple.
It's possible to setup and style pages in Umbraco in many ways. Some ways are more ideal than others.
The image you're trying to style is that an image that is for instance always placed on the top or bottom of the page for instance? Before or after the real content begins?
The RTE styles should primarily be used for styling texts a bit differently.
If you could show and tell a bit more about your need we can perhaps figure out a better solution, which can perhaps result in a better editor experience as well?
Trouble applying styles in Umbraco
I'm finding it really difficult to do something which should be basic - create a new style in a stylesheet and apply it to an element.
I have an image of a blue dot which I want to use as a bullet point but I need to shift it down a few pixels to line up with the text next to it. I create a style under the WYSIWYG stylesheet in Settings, give it the following:
Name: bluedot
Alias: .bluedot
Styles: margin-top: 5px;
Then i go to the WYSIWYG editor, there's "bluedot" in the dropdown list of styles. I apply bluedot to the image of a blue dot. Nothing happens.
I thought maybe I can't use margins on an <img> so I tried replacing the margin-top property with "height: 50px;" so then I'd see the blue dot image stretch, but again, nothing happens. I don't think the styles are being applied at all. Am I missing some step here? I find the style sheet section in Umbraco quite baffling, and it should be simple.
Hi Tom
It's possible to setup and style pages in Umbraco in many ways. Some ways are more ideal than others.
The image you're trying to style is that an image that is for instance always placed on the top or bottom of the page for instance? Before or after the real content begins?
The RTE styles should primarily be used for styling texts a bit differently.
If you could show and tell a bit more about your need we can perhaps figure out a better solution, which can perhaps result in a better editor experience as well?
Looking forward to hearing from you.
/Jan
is working on a reply...