Similar Questions

• Impossible to properly apply a style

  This is the second time when I can't do a paragraph style be applied in a way that it is supposed to. Say, I use tripped 18pt, bold font style. I select a portion of text container and make a style of it. I then click the style to assign to a new paragraph but it holds tightly tripped 18pt Simple. How do I make it work or is it a bug?

  Pages ' 09 (4.2)

  You have probably mixed style is in the initial paragraph that you did the Style from which in the paragraph you want to apply the Style to.

  To make sure that the original style does only one font etc type a short series of words so that it starts and ends even, apply all of your properties to that, then set a new-Style.

  To force a Style to a paragraph, click in the text and double click on the name of the Style in the Styles Palette.

  Peter

• How to avoid overwriting the italics when you apply paragraph styles?

  First of all, let me say thank you to the community of Adobe's Forum for the great help over the years! You Rock! 9 times out of 10 you nail!

  OK, so I have a long document full of italics, bold and accents. Successfully, I imported the text in MS Word and kept these text features using the import options. But now, when I go to apply paragraph styles, the italics are lost. Is it possible to implement paragraph styles so that they maintain Roman, italic, bold and also special characters like accents? Thank you!

  Hi David: I just put upward (and record) queries for search/replace that I of course after you import all text. For example, I have one that is italic in the document and it goes to a character called italic style. Once I saved queries, it is very fast to run on all the stories at the same time. And once the local formatting is managed through character styles, it is intact by assigning paragraph styles.

  ~ Barb

• In Photoshop CC2015-how I automatically apply a style to the shape layer that I draw?

  HI -.

  I work in an office with a few different versions of Photoshop on Windows 10.

  On my CS5 PSD I can draw some shape layers, like arrows and have all the styles applied automatically style palette that I draw.

  But the fellow with PSD CC 2015 workers need to use 2 markets - draw shape layer and then select the style in the style palette.  None of the settings on the top of the screen seem to allow us to apply the style we attract.

  Is there a hidden area or a preference?

  The automatic application of a style has been removed from Photoshop?

  TIA your answer.

  J2

  This is not possible with the latest Photoshop shape tool. If you want that it is a characteristic shape tool like Photoshop old tool form the best you can do is submit an idea on the Adobe site comments but you hold no breath hoping Adobe will implement your idea.  If you want this feature you will now need to regress to an older version of Photoshop as CS2. This is the version of Photoshop, I used for my second screenshot, Photoshop community customer family

• InDesign CC 2015 (do not apply paragraph styles)

  Hello

  InDesign doesn't apply paragraph styles. Said she, but nothing has changed. Someone else has the same problem?

  Thank you

  Have you looked to see that a character Style is accidentally applied on the same text? Character styles replaces the paragraph style attributes.

• Apply the style of paragraph 1 above and the style of paragraph 3 below all paragraphs containing only the italics?

  Hello

  I need a script that can find the paragraphs in italics only glyphs (maybe we can change all that pretty color) and apply the style of paragraph 1 above, the style of paragraph 3 below and this paragraph in italics to paragraph style 2

  Some paragraph of text (for the 1 paragraph style)

  some italic text (for paragraph style 2)

  little text (for the 3 paragraph style)

  After you run the script, I have something like this in 3 styles different points

  a text

  some italic text

  a text

  Lost link!

  

  /*

  Fixing paragraph style combinations

  Version: 1.2.B

  Script by Thomas Silkjaer

  http://indesigning.NET/

  Minor version b: Bruno Herfst

  + Add any style to replace paragraphs

  + Can cancel

  */

  var the_document = app.documents.item (0);

  Create a list of paragraph styles

  var list_of_paragraph_styles = [];

  var all_paragraph_styles = [];

  the_document.paragraphStyles.everyItem () .name;

  for (i = 0; i< the_document.paragraphstyles.length;="" i++)="">

  list_of_paragraph_styles.push (the_document.paragraphStyles [i]. (Name)

  all_paragraph_styles.push (the_document.paragraphStyles [i]);

  }

  for (i = 0; i< the_document.paragraphstylegroups.length;="" i++)="">

  for (b = 0; b< the_document.paragraphstylegroups[i].paragraphstyles.length;="" b++)="">

  list_of_paragraph_styles.push (the_document.paragraphStyleGroups [i] .name + ' /' + the_document. paragraphStyleGroups [i] .paragraphStyles [i] .name);

  all_paragraph_styles.push (the_document.paragraphStyleGroups [i] .paragraphStyles [i]);

  }

  }

  var list_of_replace_paragraph_styles = list_of_paragraph_styles.slice (0);

  list_of_replace_paragraph_styles.unshift ("[no paragraph style]" "");

  That the dialog box to select the paragraph styles

  var the_dialog = app.dialogs.add ({name: 'Paragraph style pairs Fix'});

  {with (the_dialog.dialogColumns.Add ())}

  {with (dialogRows.Add ())}

  staticTexts.add({staticLabel:"Find:"});)

  }

  {with (borderPanels.Add ())}

  var find_first_paragraph = dropdowns.add ({stringList:list_of_paragraph_styles, selectedIndex:0});})

  staticTexts.add ({staticLabel: "monitoring of"});

  var find_second_paragraph = dropdowns.add ({stringList:list_of_replace_paragraph_styles, selectedIndex:0});})

  }

  {with (dialogRows.Add ())}

  staticTexts.add({staticLabel:"Change:"});)

  }

  {with (borderPanels.Add ())}

  var change_first_paragraph = dropdowns.add ({stringList:list_of_paragraph_styles, selectedIndex:0});})

  staticTexts.add ({staticLabel: "monitoring of"});

  var change_second_paragraph = dropdowns.add ({stringList:list_of_paragraph_styles, selectedIndex:0});})

  }

  }

  {if (the_dialog. Show())}

  Define paragraph styles

  var find_first_paragraph = all_paragraph_styles [find_first_paragraph.selectedIndex];

  anyStyle var = false;

  If (find_second_paragraph. SelectedIndex == 0) {}

  anyStyle = true;

  }

  var find_second_paragraph = all_paragraph_styles [find_second_paragraph.selectedIndex - 1];

  var change_first_paragraph = all_paragraph_styles [change_first_paragraph.selectedIndex];

  var change_second_paragraph = all_paragraph_styles [change_second_paragraph.selectedIndex];

  Set preferences for grep to find to find all the points with the first selected paragraph style

  app.findChangeGrepOptions.includeFootnotes = false;

  app.findChangeGrepOptions.includeHiddenLayers = false;

  app.findChangeGrepOptions.includeLockedLayersForFind = false;

  app.findChangeGrepOptions.includeLockedStoriesForFind = false;

  app.findChangeGrepOptions.includeMasterPages = false;

  app.findGrepPreferences = NothingEnum.nothing;

  app.findGrepPreferences.appliedParagraphStyle = find_first_paragraph;

  app.findGrepPreferences.findWhat = ' $';

  Search current history

  var the_story = app.selection [0] .parentStory;

  var found_paragraphs = the_story.findGrep ();

  var change_first_list = [];

  var change_second_list = [];

  Browse the paragraphs and create a list of words and mark them as index words

  myCounter = 0;

  {}

  try {}

  Create an object to in paragraph reference and the following

  var first_paragraph is found_paragraphs [myCounter].paragraphs.firstItem ();.

  var next_paragraph = first_paragraph.paragraphs [-1] .insertionPoints [-1] .paragraphs [0];

  {if (anyStyle)}

  change_first_list.push (first_paragraph);

  change_second_list.push (next_paragraph);

  } else {}

  Check if the next paragraph is equal to the find_second_paragraph

  if(next_paragraph.appliedParagraphStyle == find_second_paragraph) {}

  change_first_list.push (first_paragraph);

  change_second_list.push (next_paragraph);

  }

  }

  } catch (err) {}

  myCounter ++;

  } While (myCounter<>

  Apply paragraph styles

  myCounter = 0;

  {}

  change_first_list [myCounter] .appliedParagraphStyle = change_first_paragraph;

  change_second_list [myCounter] .appliedParagraphStyle = change_second_paragraph;

  myCounter ++;

  } While (myCounter<>

  Alert ("fact pairs fixation!");

  }

• Not applying paragraph styles does not correctly

  I don't know even how to describe this problem except that... weird.

  For example: I put a style particular to 21 PT 22 PT. leading. When I apply this style to a paragraph, it sets the text to 42/44 - twice as big. Even with a heading style. I updated PT. 41 and it comes out to pt 82. It does this for all my styles. The '+' is not appear on any of them, this isn't a matter of substitution.

  Has anyone else seen elsewhere? I'm getting nowhere attempting this nail.

  TIA

  The text has been transformed? This will mess up the paragraph styles. Do not apply to the size of the game. The paragraph style will be applied, but then the transformation will also be applied.

• Can character or paragraph automatically apply a style to recurring words in a document?

  Can you character style or paragraph search for recurring words in a document and automatically apply a style? For example to make some "BOLD" words that appear several times in a document? To help Windows and must currently Adobe InDesign C.

  You can add a GREP style to a paragraph style to apply a character style to any match for your GREP expression, which may be your Word.

• apply existing styles to paragraphs

  I have a little problem. How to apply existing styles. Different style to the first, second and third paragraph of the story/selection. I think it's simple, but I can't solve the problem. Thank you.

  It's pretty easy:

  mySelection var = app.selection [0];

  var paraStyle1 = app.activeDocument.paragraphStyles.itemByName ("style1");

  var paraStyle2 = app.activeDocument.paragraphStyles.itemByName ("style2");

  etc.

  mySelection.paragraphs [0] .appliedParagraphStyle = paraStyle1;

  mySelection.paragraphs [1] .appliedParagraphStyle = paraStyle2;

  etc.

• [AS] [CS6] Apply different styles in the context of a text

  Hello

  Currently I have an AppleScript script to fill a block of plain text with a series of chains:

  say MyTextFrame to define (content of the history of the mother) to MyText1 & MyText2 & MyText3 & MyText4

  I would like to apply a different style (MyStyle1 to MyStyle4) for each of these channels (MyText1 to MyText4).

  Precision: MyTextI strings can contain a word or a paragraph or more, so I can't apply a style to a paragraph, for example.

  Thomas

  See the syntax below

  Please note that, while the js elements begin a 0 as start at 1, so you will have to set that in the script by Uwe

  Tell application "Adobe InDesign CS6"

  Set myDocument to the active document

  page 1 of myDocument, myPage value

  myTextFrame value framework text 1 of myPage

  tell the parents of myTextFrame

  Reference value character myText 1-character - 2 of paragraph 1 of the text object

  say myText

  apply the character style with the character style "myCharStyle" of myDocument

  tell the end

  tell the end

  tell the end

  look at examples in manual https://www.adobe.com/content/dam/Adobe/en/devnet/indesign/cs55-docs/InDesignScripting/InD esign-ScriptingGuide - AS.pdf

  A very useful guide indeed

  Trevor

• Apply a Style of object for anchor

  Hi all

  Could someone please give solution for my application.

  1. find the anchor marker

  2. apply a style object for the chart image by selecting parent.

  myDoc var = app.activeDocument;

  app.findGrepPreferences = app.changeGrepPreferences = null;

  app.findGrepPreferences.appliedParagraphStyle = 'abc '.

  app.findGrepPreferences.findWhat = "~ a".

  var myFound = myDoc.findGrep ();

  for (i = 0; i < myFound.length; i ++)

  {

  myFound [i] .parentTextFrames [0] .appliedObjectStyle = app.activeDocument.objectStyles.item ("Image") //Error only

  }

  Thanks in advance

  Beginner

  Hello

  An anchored object is not parent, but child (pageItem) for the anchor.

  myFound[i].parentTextFrames[0].appliedObjectStyle = app.activeDocument.objectStyles.item("Image")   //Error this only
  

  Try this code

  myFound[i].pageItems[0].appliedObjectStyle = app.activeDocument.objectStyles.item("Image");
  

  Thank you

  mg.

• Need to get all the text of the particular applied character style

  Can someone help me I need to get all the texts of the particular applied character style

  app.findTextPreferences.appliedCharacterStyle = 'style1 Character. "

  app.findTextPreferences.appliedCharacterStyle = 'style1 Character. "

  var mf = app.activeDocument.findText ();

  var myText = ";

  for (var i = 0; i)<>

  myText is myText + mf [i] .silence;.

  }

  Alert (MyText);

• Apply the style of Pará to the xml element based on the type of master page?

  IM using a flow xml, im importing the xml to be used across different master page templates and I want to apply paragraph styles different items depending on what master page xml, they are on...

  So I have 3 put templates in place

  Type of page 1

  Type of page 2

  Type of page 3

  and 3 paragraph styles

  style 1

  style 2

  style 3

  I have the same xml structure deposited on each page...

  < Entry >

  < name > Page < / name >

  < / name >

  So, can I use javascript to apply the paragraph (style 1) style to the xml element (name) on any page that uses the master page (type of Page 1)

  Is this possible? whether and how this could be done?

  Thanks in advance

  Hello

  Try:

  #include '... / XML rules/glue code.jsx ";

  myDoc var = app.documents.item (0);

  var myRuleSet = new Array (new applyParaStyle());

  {with (MyDoc)}

  var elements = xmlElements;

  __processRuleSet (Elements.Item (0), myRuleSet);

  }

  function applyParaStyle() {}

  myIdName = "Xp".

  This.XPath = "//restaurant_name";

  This.Apply = function (myElement, myRuleProcessor) {}

  {with (MyElement)}

  {Switch(insertionPoints[0].parentTextFrames[0].) ParentPage.appliedMaster.Name)}

  case "X-Master:

  App.Select (texts);

  App.Selection [0]. FillColor = myDoc.colors.item ("xxxx");

  break;

  case 'guide-Scotland:

  App.Select (texts);

  App.Selection [0]. FillColor = myDoc.colors.item ("scotland");

  by default:

  break;

  }

  }

  Returns true;

  }

  }

• Apply the style nested up to one of several characters

  I d-i-d try this old College, but maybe I don't know the right place or I am limited in nested Style in style GREP.

  I have a number any unpredictable predictable characters I want to apply a style CH "up to".

  Example 1: The Club of InDesign in the Future meeting, 15:30: here are some examples of text...  Here is some sample text...  Here are some examples of text--in this case, "up to" colon
  Example 2: The Club of InDesign in the Future meeting, 15:30 - here is an example of text...  Here is some sample text...  Here are some examples of text--in this case, "until" space hyphen

  Example 3: The Club of InDesign in the Future meeting, 15:30 - here is an example of text...  Here is some sample text...  Here are some examples of text--in this case, "until" space hyphen hyphen

  Example 4: The Club of InDesign in the Future meeting, 15:30, here is an example of text...  Here is some sample text...  Here is some example text--in this case, "up to" any character (comma) [of course, there is an argument in this one]

  There are 5-6. predictable samples.  But nested Styles stacked on each other tends to "BOLD" of the whole paragraph.  A js script would be more applicable here, or do you think the GREP style work?  I missed (even with my books on GREP) to any type of nail model.

  How do you tell the difference between the first and the second comma in the meeting, 15:30? They are all two followed by a space. PM maybe a clue? Then ^. +? pm\s [:-]-? might work.

  Peter

• How to apply different styles to several spry accordion panels?

  Hi all

  I have a site I'm building that has several functions that spry accordion.

  I try to apply different styles to each accordion. A problem arises when I try to place an accordion in an another accordion.

  I have style two images of different background for both of the accordians for styles (AccordionPanelTab, AccordionPanelTabHover and AccordionPanelOpen AccordionPanelTabHover) that work very well.

  When I try and place an accordion in an another accordion background image for this Accordion for styles (AccordionPanelTab and AccordionPanelOpen AccordionPanelTabHover) has different style applied that I said in the accordion.css folder, however the style (AccordionPanelTabHover) has the same style as the accordion, it's breast, even if I said a background image in the accordion.css file different.

  I hope this makes sence, below is my source and the CSS Code.

  I appriciate any help that can be given to help solve this issue I'm running too.

  Source code

  < div id = "content" >

  < p > < span class = "first_header_word_packages" > welcome </span > < span class = "header_word_packages" > on our page of packages </span > < / p >

  < class p = "content_txt" > here you can build the package Web site that meets your needs while being able to determine the cost of your site without having to worry about the scary hidden costs at a later date. < /p >

  < class p = "content_txt" > we have two packages available for our clients; < /p >

  < div id = "Accordion1" class = "Accordion" tabindex = "0" >

  < div class = "AccordionPanel" >

  < div class = "AccordionPanelTab" > < / div >

  < div class = "AccordionPanelContent" >

  Here the text < p > < /p >

  < div id = "Accordion2" class = "Accordion" tabindex = "0" >

  < div class = "AccordionPanel" >

  < div class = "AccordionPanelTab" > < / div >

  < div class = "AccordionPanelContent" >

  Here the text < p > < /p >

  < / div > <! - end #Accordion2 content - >

  < / div > <!-end #AccordionPanel->

  < / div > <!-end #Accordion2->

  < / div > <! - end #Accordion1 content - >

  < / div > <!-end #AccordionPanel->

  < / div > <!-end #Accordion1->

  < div id = "Accordion3" class = "Accordion" tabindex = "0" >

  < div class = "AccordionPanel" >

  < div class = "AccordionPanelTab" > < / div >

  < div class = "AccordionPanelContent" >

  Here the text < p > < /p >

  < div id = "Accordion4" class = "Accordion" tabindex = "0" >

  < div class = "AccordionPanel" >

  < div class = "AccordionPanelTab" > < / div >

  < div class = "AccordionPanelContent" >

  Here the text < p > < /p >

  < / div > <! - end #Accordion4 content - >

  < / div > <!-end #AccordionPanel->

  < / div > <!-end #Accordion4->

  < / div > <! - end #Accordion3 content - >

  < / div > <!-end #AccordionPanel->

  < / div > <!-end #Accordion3->

  < / div > <!-end #content->

  CSS

  @charset "UTF-8";

  / * SpryAccordion.css - version 0.5 - Pre - Release Spry 1.6.1 * /.

  / * Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

  / * This is the selector for the main container of the accordion. For our style by default.

  * draw us left, right and bottom borders. The upper edge of the accordion

  * is made by the first AccordionPanelTab which never moves.

  *

  * If you want to limit the width of the Accordion widget, set a width

  * the accordion container. By default, our accordion expands horizontally to fill

  * a space available.

  *

  * The name of the class ("accordion") used in this switch is not necessary

  * make the widget function. You can use any class name you want to style the

  * Accordion container.

  */

  . Accordion {}

  border-left: 1px solid gray;

  border-right: 1px solid black;

  border-bottom: 1px solid gray;

  overflow: hidden;

  }

  / * This is the selector for the AccordionPanel container which houses the

  * tab panel and panel content area. It is not make it visually, but we

  * ensure that it has zero margin and padding.

  *

  * The name of the class ("AccordionPanel") used in this switch is not necessary

  * make the widget function. You can use any class name you want to style a

  the container of accordion panel.

  */

  . {AccordionPanel}

  margin: 0px;

  padding: 0px;

  }

  / * This is the selector for the AccordionPanelTab. This container houses

  the Panel personnel. It is also the container where the user clicks

  * to open a specific panel.

  *

  * The name of the class ("AccordionPanelTab") used in this switch is not necessary

  * make the widget function. You can use any class name you want to style a

  the container of Accordion Panel tab.

  *

  * NOTE:

  * This rule uses the - moz-user-select and - khtml-user-select properties to prevent the

  * the user to select the text in the AccordionPanelTab. Here is the browser owner

  properties that only work in Mozilla browsers (such as FireFox) and KHTML

  * browsers (such as Safari), so they will not pass the W3C validation. If you want your documents to

  * validate and don't care if the user can select text in an AccordionPanelTab.

  * You can remove these properties without affecting the functionality of the widget.

  */

  . {AccordionPanelTab}

  background-color: #CCCCCC;

  border-top: 1px solid black;

  border-bottom: 1px solid gray;

  margin: 0px;

  padding: 2px;

  cursor: pointer;

  -moz-user-select: none;

  -khtml-user-select: none;

  }

  / * This is the selector for the content area of a Panel. It is important to note that

  * You should never put any padding on the content area of the group if you plan to

  * use the animations of accordion panel. Place padding non-zero on the content

  * area can cause accordion suddenly increase in height, while signs alive.

  *

  * Anyone who styles an accordion * MUST * specify a height on the Accordion Panel

  * Content container.

  *

  * The name of the class ("AccordionPanelContent") used in this switch is not necessary

  * make the widget function. You can use any class name you want to style a

  the container of the accordion panel content.

  */

  . {AccordionPanelContent}

  overflow: auto;

  margin: 0px;

  padding: 0px;

  }

  / * This is an example of how to change the appearance of the tab of the Panel which is

  * currently open. The "AccordionPanelOpen" class is added and removed programmatically

  * to panels as long as the user clicks on the tabs in the accordion.

  */

  . AccordionPanelOpen. {AccordionPanelTab}

  background-color: #EEEEEE;

  }

  / * This is an example of how to change the appearance of the tab of the Panel as the

  * mouse passes over it. The "AccordionPanelTabHover" class is added programmatically

  * and removed containers tab panel as the mouse enters and leaves the tab container.

  */

  . {AccordionPanelTabHover}

  color: #555555;

  }

  . AccordionPanelOpen. {AccordionPanelTabHover}

  color: #555555;

  }

  / * This is an example of how to change the appearance of all the Panel tabs when the

  * Accordion has focus. The class "AccordionFocused" is programmatically added and removed

  * whenever the accordion wins or loses the keyboard focus.

  */

  . AccordionFocused. {AccordionPanelTab}

  background-color: #3399FF;

  }

  / * This is an example of how to change the appearance of the tab of the Panel which is

  * currently open when the accordion is in focus.

  */

  . AccordionFocused. AccordionPanelOpen. {AccordionPanelTab}

  background-color: #33CCFF;

  }

  / * Printing rules * /.

  @media print {}

  . Accordion {}

  overflow: visible! important;

  }

  . {AccordionPanelContent}

  display: block! important;

  overflow: visible! important;

  height: auto! important;

  }

  }

  #Accordion1. {AccordionPanelTab}

  height: 75px;

  Width: 285px;

  Background: url (.. /images/package_spry_tab_bg1.png) ;}

  #Accordion1. AccordionPanelTabHover,

  #Accordion1. AccordionPanelOpen. {AccordionPanelTabHover}

  Background: url (.. /images/package_spry_tab_bg1_RO.png) ;}

  #Accordion2. {AccordionPanelTab}

  height: 44px;

  Width: 469px;

  Background: url (.. /images/packages_spry1.png) ;}

  #Accordion2. AccordionPanelTabHover,

  #Accordion2. AccordionPanelOpen. {AccordionPanelTabHover}

  Background: url (.. /images/packages_spry1_ro.png) ;}

  #Accordion3. {AccordionPanelTab}

  height: 75px;

  Width: 285px;

  Background: url (.. /images/package_spry_tab_bg2.png) ;}

  #Accordion3. AccordionPanelTabHover,

  #Accordion3. AccordionPanelOpen. {AccordionPanelTabHover}

  Background: url (.. /images/package_spry_tab_bg2_RO.png) ;}

  #Accordion4. {AccordionPanelTab}

  height: 44px;

  Width: 469px;

  Background: url (.. /images/packages_spry2.png) ;}

  #Accordion4. AccordionPanelTabHover,

  #Accordion4. AccordionPanelOpen. {AccordionPanelTabHover}

  Background: url (.. /images/packages_spry2_ro.png) ;}

  
  

  Good guys.

  I thought about it, if someone had the same problem as me and a look at this thread for the answer, here it is.

  Firstly if you are wanting to separately style two or more Spry accordions that are not on the other example

  Label 1

  Insert content here

  Label 1

  Insert content here

  Do not do this, as long as you have separate ID's for the div (which dreamweaver automatically anyway), you will be fine.

  However if for some reason, you want to put one accordion inside another like I did for example

  Label 1

  Insert content here

  Label 1

  Insert content here

  Too style accordion 1 and 2 so their tabs have different origins and Hover background when the content panel is open and closed you need to style it in CSS that they follow the path;

  CSS

  #Accordion1. {AccordionPanelTab}

  height: 75px;

  Width: 285px;

  Background: url (.. /images/package_spry_tab_bg.png) ;}

  #Accordion1. AccordionPanelTabHover,

  #Accordion1. AccordionPanelOpen. {AccordionPanelTabHover}

  height: 75px;

  Width: 285px;

  Background: url (.. /images/package_spry_tab_bg_RO.png) ;}

  #Accordion2. {AccordionPanelTab}

  height: 44px;

  Width: 469px;

  Background: url (.. /images/packages_spry.png) ;}

  #Accordion2. AccordionPanelClosed. AccordionPanelTabHover,

  #Accordion2. AccordionPanelOpen. {AccordionPanelTabHover}

  height: 44px;

  Width: 469px;

  Background: url (.. /images/packages_spry_ro.png) ;}

  Normally in styling two separate spry accordions, you can simply use the following code

  #Accordion1. {AccordionPanelTab}

  height: 75px;

  Width: 285px;

  Background: url (.. /images/package_spry_tab_bg.png) ;}

  #Accordion1. AccordionPanelTabHover,

  #Accordion1. AccordionPanelOpen. {AccordionPanelTabHover}

  height: 75px;

  Width: 285px;

  Background: url (.. /images/package_spry_tab_bg_RO.png) ;}

  The only difference with the style one Spry Accordion in another so that they have different horizons stationary when the content panel is open and closed ".» AccordionPanelClosed ".

  Hope this has helped someone who had the same problem, I was.