Adding many CSS styles to the online editor

Hello.
I see that when changing the online editor settings you can apply CSS styles, the dialogue box suggests that only one CSS style can be added at a time. Can I add many CSS styles in one go as I want approx 8 styles available to my client when he creates an email campaign based on a template I have created?
Any help would be great
Thanks
Martin

Hi Martin,
At the moment you can only add custom CSS styles individually.
I'll pass this feedback as an enhancement request.
Kind regards,
-Sidney

Similar Messages

Trying to add CSS styles to the online editor

I have some CSS styles I need to make available in the online editor, I have added the class names in the online editor settings and when my client goes to the create an email campaign the CSS styles I have listed are missing in the apply CSS class drop down menu.
Do I need to be a premium member to do this, any info would be great
Thanks
Martin

Hi Martin,
The template and its referenced CSS is what will be carried over based on the prompt.
If you are wanting to add additional custom CSS styles within the editor you'll need to be a premium partner. Within your portal you can adjust these CSS references per each site under your portal.
- http://kb.worldsecuresystems.com/877/cpsid_87780.html?bc-partner#main_Online_Editor_Settin gs
Kind regards,
-Sidney

Why cant I see my CSS styles in the new Admin Editor?

Why cant I see my CSS styles in the new Admin Editor?

Apply the two fixes below in order as needed:
Fix #1
Launch iPhoto with the Command+Option keys held down and rebuild the library.
Since only one option can be run at a time start with Option #3, followed by #4 and then #1 as needed.
Fix #2
Using iPhoto Library Manager to Rebuild Your iPhoto Library
1 - download iPhoto Library Manager and launch.
2 - click on the Add Library button, navigate to your Home/Pictures folder and select your iPhoto Library folder.
3 - Now that the library is listed in the left hand pane of iPLM, click on your library and go to the File ➙ Rebuild Library menu option.
4 - In the next window name the new library and select the location you want it to be placed.
5 - Click on the Create button.
Note: This creates a new library based on the LIbraryData.xml file in the library and will recover Events, Albums, keywords, titles and comments. However, books, calendars, cards and slideshows will be lost. The original library will be left untouched for further attempts at fixing the problem or in case the rebuilt library is not satisfactory.
OT

New App Launcher Suite Bar in 365: what CSS styles affect the background color?

There is a new suite bar in O365. What CSS styles affect the background color of the bar, app launcher button and the Office 365 text in SharePoint Online? I want to hide Office 365 text and add my logo there.

Hi,
Per my understanding, you might want to change the style of the suite bar and replace the “Office 365” text with your custom logo image.
In Office 365 admin page, we can customize the theme of the suite bar for the whole :
However, as there is no such option can replace the “Office 365” text with a custom icon there, a workaround is that we can use some custom JavaScript to modify the
corresponding HTML source code to display the icon dynamically after the page loaded.
After applying the code snippet below into the master page:
<script type="text/javascript">
_spBodyOnLoadFunctionNames.push("ready");
function ready() {
var logo = document.querySelector("#O365_MainLink_Logo");
var s = '<img style="max-height: 27px" alt="logo" src="/_layouts/15/images/siteIcon.png?rev=38">';
logo.innerHTML = s;
</script>
Every time when users open a page in this site, this custom code will be executed, the “Office 365” text will be replaced by a custom icon:
More information about how to add custom code into master page(similar in SharePoint 2013):
http://techtrainingnotes.blogspot.com/2012/05/adding-javascript-and-css-to-sharepoint.html
What’s more, if doing in this way, we can only replace the “Office 365” text with a custom icon in Office 365 SharePoint Online sites, not the whole Office 365, this
is a fact that you might want to know. For about how to replace that text for the whole organization, I suggest you open another thread in Office 365 forum, you will get more help and confirmed answers there.
http://community.office365.com/en-us/forums/default.aspx
Best regards
Patrick Liang
TechNet Community Support

What CSS styles affect the background color of new suite bar?

There is a new suite bar in O365. What CSS styles affect the background color of the bar, app launcher button and the Office 365 text in SharePoint Online? I want to hide Office 365 text and add my logo there.

Hi,
What new suite bar did you refer to?
Please check if this image below is what you referred to:
If yes, please note in this forum we mainly discuss questions and feedbacks about the Office client products, as your question is not about our products, I suggest you post the question in Office 365 Community Forum to get support:
http://community.office365.com/en-us/f/default.aspx
The reason why we recommend posting appropriately is you will get the most qualified pool of respondents, and other partners who read the forums regularly can either share their knowledge or learn from your interaction with us. Thank you for your understanding.
If I misunderstood anything, feel free to let me know.
Regards,
Melon Chen
TechNet Community Support
It's recommended to download and install
Configuration Analyzer Tool (OffCAT), which is developed by Microsoft Support teams. Once the tool is installed, you can run it at any time to scan for hundreds of known issues in Office
programs.

When using the online editor in our wordpress blog on any other online editor I get this error "Your browser security settings don't permit the editor to automatically execute cutting operations. Please use the keyboard for that (Ctrl+X)" Please help.

I have online editors for our blog and websites for generating articles and blog posts. Different editors from different sites and programmers. Firefox doesn't allow me to use the cut/paste/copy functions with these editors. I get this message or something similar every time. "Your browser security settings don't permit the editor to automatically execute cutting operations. Please use the keyboard for that (Ctrl+X)"

See:
*http://kb.mozillazine.org/Granting_JavaScript_access_to_the_clipboard
*https://addons.mozilla.org/firefox/addon/852 - AllowClipboard Helper

About HTML and CSS styles in the Contribute Style menu

This question was posted in response to the following article: http://help.adobe.com/en_US/contribute/using/WS5b3ccc516d4fbf351e63e3d1180fba3730-7e6cCS5. html

I'm building my website in Muse, using a few Adobe typeKit fonts - Open Sans and Bebas Neue. There's plenty of code and css developed when I export the muse file QUESTION: Will Contribute maintain my font choice integrity? Or do I play it safe with standard web-safe choices?

External CSS styles to show up in WYSIWYG editor in admin section

Can anyone tell me how to get my external CSS styles to show up in the WYSIWYG editor of the admin section?

Hello RoosterInk, Within your Partner Portal go to Tools > Online Editor Settings. From here you should be able to add CSS to the online Editor. Hope this helps, Chad Smith | http://bcgurus.com/Business-Catalyst-Templates for only $7

Very strange problem! Disappearing Css Style Sheets plus 404's

I am creating a fairly simple form and am new to php mysql and jquery. However, I am moderately skilled in css and html.
I am on a mac with Snow Leopard using dreamweaver CS5. The problem started this morning when I uploaded a preliminary version of my html form page and a php script page.
Having previewed it with no problems on my local system, I thought my main challenge would arise from stumbling my way through ironing out the scripting. I still have that to look forward to.
The first anomaly that occurred was that I kept getting 404 errors. After hours of tinkering around and uploading many trimmed down modified variations of the html file, I finally got past the 404 error page.
However, it only would appear without my css styles. The file was originally linked to a previous css style sheet and is linked to a new one on local system.
After doing some firebugging, I discovered that my newly uploaded (20 times) html file was still linked to the previous phantom, css style sheet on the server as well as a previous php file that I had linked to in development stages.Both of which are not on the server. So I uploaded the whole bunch of them again and got the same result. Nothing changed. All the css styles are still there but not.
I know what you're thinking, it's impossible.
The only explanation I can come up with is that my linux apache server is putting my files in a nonexistent temp folder. And for some reason the my site.css file is not being overwritten or removed at all.
I then uploaded new versions of the html file with different names, thinking on an off chance that the file name 'contactform' might have something to do with the problem.
You know what happened the newly named files triggered a 404 once again.
It doesn't make since to me! I am totally stumped!
My site is http://www.zoeinjewels.com and the page in question is http://www.zoeinjewels.com/contactform.html
I am really behind schedule so your help would be most appreciated.
Thanks

Your CSS file as wel as both of your JS files are corrupt.
Re-upload these three files and your problem is solved.
To give you an idea of what your online CSS file looks like
http://www.zoeinjewels.com/contactform.html
http://www.zoeinjewels.com/_ccs/contact3.css
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>404.shtml</title>
<link href="_ccs/errorpage.css" rel="stylesheet" type="text/css" />
</head>
<div id="wrapper">
<div id="header">
<h1><span></span>File Not Found<a name="top" id="top"></a></h1>
</div>
<div id="blback">
<ul id="nav">
<li><a href="#" class="Home">Home</a>
<ul>
<li><a href="index.html">Home</a></li>
</ul>
</li>
<li><a href="#">Welcome Lounge</a>
<ul>
<li><a href="welcome/index.htm" title="Entry Lounge">Entry Lounge</a></li>
<li><a href="aboutzoein/index.html" title="About Zoein">About Zoein</a></li>
<li><a href="aboutzoein/shunyata/aboutshunyata.html" title="About Shunyata">About Shunyata</a></li>
<li><a href="aboutzoein/media-book/index.html" title="In The Press">In The Press</a></li>
<li><a href="aboutzoein/media-book/peoplespeak.html" title="People Speak">People Speak</a></li>
</ul>
</li>
<li><a href="#" class="JewelGallery">Jewel Gallery</a>
<ul>
<li><a href="jewelgallery/p27.htm" title="Z Garlands">Garlands</a></li>
<li><a href="jewelgallery/p51.htm" title="Z Rings">22k Rings</a></li>
<li><a href="jewelgallery/p01.htm" title="Z Bracelets">Bracelets</a></li>
<li><a href="jewelgallery/p79.htm" title="Z Pendants">Pendants</a></li>
<li><a href="jewelgallery/p79.htm" title="Z Brooches">Brooches</a></li>
<li><a href="jewelgallery/p09.htm" title="Z Earrings">Earrings</a></li>
</ul>
</li>
<li><a href="#" class="ContactCenter">Contact Center</a>
<ul>
<li><a href="contact.html">Bali Studio</a></li>
</ul>
</li>
</ul>
<div id="content_r">
     <h6><span></span>
     <div id="title">Sorry, the file you were looking for could not be found. It may have moved to a new location. Please use the navigation menu above to help you locate the file.</div>
    </h6>
      <div id= "topimage"></div>
   <div id="notfound"></div>
    <div id="text">
<p>"Sacred Geometry is the foundation of their jewelry designs and symbols are drawn from all the different traditions the world has to offer. Each precious piece endeavors to express three symbolic levels-the common, the educated and the spiritual-with careful selection of each stone to reflect meaning and value... The design and creative process is not a brief one. Each conscientious step reflects a careful and significant thought process. According to Shunyata "Every moment isinspired by the wealth, rhythm and miraculous spectrum of creation."</p>
</div>
</div>
</div>
</body>
</html>
I hope this helps.
Ben

How to Make a "fonts.css" style sheet

Hi, I have a wordpress blog with a stylesheet named “style.css”. I want to change the fonts in the style sheet and so I want to create a separate style sheet named “fonts.css"
I could just duplicate the ”style.css” page and then rename it “fonts.css” but I believe I read somewhere it is better to create a new style sheet named “fonts.css” and then add my font styles to that. Doens anyone know of a tutorial or how I make the new style sheet and add my fonts?

I only typically use two stylesheets on any given site, layout.css and styles.css. One is for the overall layout/positioning info of the site and the other is the style information which would include fonts, colors, shadows, transitions, etc.
If it is better in your mind and for your workflow to create a third stylesheet just for the font values, go for it. To me, fonts are just another style element though, so they stay in my styles.css file.
There's really no right or wrong to doing it either way. Just make sure you create another link in the head section of your site to the new file if you create fonts.css.
Thanks jon,
Yes I agree, I could just change the fonts in “style.css” and then have less style sheets, but the themes developer told me to create a new style sheet named “fonts.css” only because the theme is updated regularly and uploading a new theme will write over the file named “style.css” and then your fonts will default to their original fonts.
I don't see anything wrong with that approach. Just remember that if you have both styesheets linked to the same page then the page will get it's css styles from the last linked stylesheet.
So for instance if you have:
body {
font-size: 14px ;
in the style.css
and
body {
font-size: 12px ;
in the fonts.css
and the last linked stylesheet was styles.css the page would display 14px text.
So you just need to get them in the right order IF you have more than one styleshet linked to a page.
Thanks Osgood,
Yes that was my other question. So in my uploaded CSS folder I have the original “style.css” file and now my new “fonts.css” file. “style.css” is above the “fonts.css” file and both contain the same information except the file “fonts.css’ has been changed to use different fonts.
So if I understand you correctly I need to either move the file “fonts.css" above the file “style.css” or delete “style .css” from the CSS folder so the file “fonts.css” will take precedence. Is this correct?
Also, I needed to open style.php and edit the code to include “fonts.css” which I did.
I opened "style.php" and then added the code in "red" then uploaded it to the (CSS) folder on the server.
<?php
header( "Content-type: text/css" );
$files = array();
$files[] = 'style.css';
$files[] = 'responsive.css';
$files[] = 'fonts.css';
foreach($files as $file) :
    $content = @file_get_contents( $file );
    echo minify( $content );
endforeach;
function minify( $code ) {
          $code = preg_replace( '#\s+#', ' ', $code );
          $code = preg_replace( '#/\*.*?\*/#s', '', $code );
          $code = str_replace( '; ', ';', $code );
          $code = str_replace( ': ', ':', $code );
          $code = str_replace( ' {', '{', $code );
          $code = str_replace( '{ ', '{', $code );
          $code = str_replace( ', ', ',', $code );
          $code = str_replace( '} ', '}', $code );
          $code = str_replace( ';}', '}', $code );
          return trim( $code );
?>
After doing all of this I still didn’t see any changes to my fonts so I must have done something wrong.
Any ideas?

Help with CSS Style Code

I believe there is a glitch in my style code for my webpage. When I open the page by itself it works fine but when the CSS style is added the page scrunches together. Can anyone help me determine what the problem is??

I honestly don't have much information on how I got the problem or why. But I had a test file prior to this problem which held a file with the css style intact, so I copied that css style into the other pages and it returned to how it was prior to the problem.

How to remove css style from source code?

Hello,
I am working on launching a website soon and saw that I have some repetative css styles in the source code. I would like to remove them, because I want my style sheet "115209.css" to be the main controller.
Below is my code. I just need to know what exaclty I need to remove to make that happen. I am a bit of a newbie and am not too comfortable in chopping it up myself in fear that I might lose a closing tag or something else of importance.
Any help would be greatly appreciated!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Novato Youth Center</title>
<link rel="stylesheet" type="text/css" href="115209.css" />
<style type="text/css">

</style><body>
<div id="wrapper">
         <div id="headernav"> <a href="index.html">Home</a><br>
           <a href="overview.html">About Us</a><br>
           <a href="donate.html">Donate</a><br>
           <a href="getinvolved.html">Get Involved</a><br>
           <a href="contactus.html">Contact Us</a><br>
      Español </div>
        <div id="header"> <a href="index.html"><img src="http://www.novatoyouthcenter.org/logo.jpg" /></a>
    <div id="Title">
      <h1>Novato <br>
        Youth Center</h1>
    </div>
    <div id="Tag">
      <h2><em>Success Starts Here</em></h2>
    </div>
      <div id="socialbuttons"><a href="http://www.facebook.com/pages/Novato-Youth-Center/151677233396?v=app_2309869772#!/pages/No vato-Youth-Center/151677233396?v=wall"><img src="http://www.novatoyouthcenter.org/facebook_button_11.gif" alt="facebook" height="48" width="50" /></a><a href="https://twitter.com/#!/NovaYouthCtr"><img src="twitter-icon.jpg" alt="twitter" height="48" width="48" /></a></div>
</div>
        <div id="navigation"><a href="6to5.html">Infants - 5 years</a> | <a href="5to14.html">5 - 14 years</a> | <a href="teens.html">Teens & Young Adults</a> | <a href="adults.html">Parents & Adults</a></div>
   <div id="leftcolumn">
         <h4> </h4>
         <h4>Academics...<br>
         Health...<br>
         Arts...<br>
         Athletics...<br>
         Community...<br>
         FUN!<br><br>
         Inspiring and <br>
         preparing youth<br>
         for success.
         </h4>
         <p> </p>
         <p> </p>
         <p> </p>
         <p> </p>
         <p> </p>
         <p> </p>
         <p><strong>Sign up for our</strong></p>
         <p><strong>E-newsletter!</strong></p>
         <p> </p>
         <form id="EmailSubmit" method="post" action="enewsletter.php">
           <label>
                <input name="emailsubmit" type="text" id="emailsubmit" value="Email Address" />
                 </label>
              <input type="submit" name="Submit" id="Submit" value="Submit" />
              <input name="recipient" type="hidden" id="recipient" value="0" />
        </form>
         <p> </p>
   </div>
   <div id="content">
     <div id="mainphoto"><img src="indexphoto.jpg" width="656" height="386" alt="main" /></div>
   </div>
</div>
</body>
</html>

Maybe I already removed the "h1", but I still see link styles and the
background color.
I need to know what point to which point is safe to delete without messing
up the coding.
Thanks again,
- Theresa

How to add css styles in html file generated from Report builder?

Hi,
I schedule report in web browser,but the generated report html file looks very simple and doesn't correspond with the other html files which have css styles.So I want to add css styles to the generated html file from *.rdf in report builder.That is to say I should integrate css style with myReport.rdf.Can anybody tell me how to do that?
thanks in advance.
Regards
jungle

hello,
i am not quite sure, what you want to achieve. did you try the DESFORMAT=HTMLCSS which generates inline-style-information.
regards,
the oracle reports team --pw

CSS styles deleted from entire site's pages

Out of nowhere today my styles are not showing up in my
DESIGN VIEW in DW. When i look in the FILES>CSS STYLES window
the CSS files are nowhere to be found. But, when i look in the code
view of the html file i see this:
@import url("../images/HC_Banner/HC_Banner.css");
@import url("../DeptLayout.css");
So they are in the code. And when i preview the page it
previews with the styles in tact. So, i guess i am just dealing
with the design view not showing the styles? When i import the CSS
styles the view corrects itself and the layout is fine, with all
styles applied appropriately. So do i have to go through every page
in teh site and re-import the CSS styles to correct teh DESIGN
VIEW? Is tehre a setting i accidentally de-activated? What's up?
Thanks for any help.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Haltom City Texas Trash-Off</title>
<style type="text/css" media="screen">
@import url("../Banner Files/HC_Banner10808/HC_Banner10808.css");
@import url("../DeptLayout.css");
</style>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Haltom City Texas Trash-Off</title>
<style type="text/css" media="screen">
@import url("../Banner Files/HC_Banner10808/HC_Banner10808.css");
@import url("../DeptLayout.css");
</style>
</body>
</html>
The code listed first is before in did the CSS STYLE import, the code after is after i imported the CSS STYLE files. The page displays the proper styles when uploaded and viewed in a browser, it's just that the DW design view doesn't display it in DW until i re-attach teh CSS files.

Css styles donot work well inside headers

I have placed some content inside the header tags.If i apply css styles to the content inside the tags means,the header comes down.what can i do for this?
CSS styles:
header
min-height: 120px;
background: #9EA5CF;
#maintitle {
    color: #FFF;
    padding-left: 50px;
    padding-top: -20px;
HTML Code:
<header>
<h1 id="maintitle">LORUM IPSUM</h1>
</header>

Murray, on the second part of your post (default margins), I think that is the case when I use images as the target for a live link (in IE) ... I have to go in and set the 'border' to 0.
Actually, a simple rule for this in all browsers is -
a img { border:none; }
That will prevent any image that is also a link from having a border. And it's definitely not just in IE.
On the first part, all I know is when I first started doing some naming of IDs and Classes, my computer told me not to go there, so I don't.
Now, that could easily be because I had no clue what was really going on.
I prefer to think of it as your just being new to CSS, but yes - that's most likely it. Can you give us a specific example?
HTML4 or HTML5 should not affect how you USE your CSS.

Adding many CSS styles to the online editor

Similar Messages

Maybe you are looking for