close ad
 
Important WebAssist Announcement
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

Add CSS Style in Html Editor

Thread began 10/26/2013 4:16 pm by Jorge Rivero | Last modified 10/29/2013 8:28 am by Jason Byrnes | 3822 views | 13 replies |

Jorge Rivero

Add CSS Style in Html Editor

Hi,
I am using Data bridge - HTML Editor, and to give an example when I try to make a text let say Bold, it shows the change in the HTML Editor text area but not in the page, the page has dynamic content but not style applied, I want to know if there is something extra that I have to do, or how to add my own css styles in the HTML Editor Styles drop down. I've been looking for a solution in the forum but I couldn't find it.

Thanks in advanced.

Sign in to reply to this post

Jason ByrnesWebAssist

send a link where i can see the problem please.


to add custom styles to html editor, edit the Preset that is being used, go to the Styling tab. On the styling tab, select your CSS file, then edit the items to display in the styles list, to add classes from your CSS file to the styles list.

Sign in to reply to this post

Jorge Rivero

Hi Jason,

That's one page but the whole site in that folder has the text formatted from the HTML Editor.

Thanks

Sign in to reply to this post

Jason ByrnesWebAssist

see PM

Sign in to reply to this post

Jorge Rivero

Thanks Jason but I don't see a PM

Sign in to reply to this post

Jason ByrnesWebAssist

I was asking what specifically I should be looking for on the page you provided the link to, what specifically is not formatted correctly?

Sign in to reply to this post

Jorge Rivero

Oh!

On that page for example the text "General Business Matters" is supposed to be Bold and from "Formation of entities" down is formatted with Bulleted list.

Sign in to reply to this post

Jason ByrnesWebAssist

it is set to be bold using a strong tag:

<strong><span style="font-size:14px;"><span style="font-family: arial,helvetica,sans-serif;">General Business Matters</span></span></strong>

and a span tag to set the font size to 14px:


as for the list, you have css to set the list style to to none ion main.css:

ol, ul {
list-style: none outside none;
}

Sign in to reply to this post

Jorge Rivero

I think I am misunderstanding a few things, all those tags and span are generated by the HTML Editor, but in the page the text is not showing correctly, Bold for example, the ol, ul are css that I need for other parts of my page, that means if I use the HTML Editor I cannot use my own css styles?

Sign in to reply to this post

Jason ByrnesWebAssist

when you apply bold, that is the way HTML Editor codes BOLD.

you should use a class for your other lists to over ride the list type.

Sign in to reply to this post
loading

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...