I read some simple instructions on how to add additional banner images on the following thread: http://drupal.org/node/764380#comment-2863248

I only had limited success with this method and I was going to post in that thread; however that issue is primarily about banners not showing up at all and it didn't come up in my issue/forum/google searches for 'adding additional banner images to aquia slate'; so I thought the community would be better served if I started my own issue on this that may pop up in issue/search results for others attempting to correct this.

I followed the steps in the above thread to make the following changes to fusion-acquia-slate-style.css and acquia_slate.info.

I changed acquia_slate.info from:

Acquia Slate - Banner Styles
skinr[slate-banner-styles][title] = Acquia Slate - Banner Styles
skinr[slate-banner-styles][type] = radios
skinr[slate-banner-styles][features][] = page
skinr[slate-banner-styles][options][1][label] = Beach stones
skinr[slate-banner-styles][options][1][class] = banner-background-beachstones banner-background
skinr[slate-banner-styles][options][2][label] = City street lights
skinr[slate-banner-styles][options][2][class] = banner-background-citystreetlights banner-background
skinr[slate-banner-styles][options][3][label] = Greek heads
skinr[slate-banner-styles][options][3][class] = banner-background-greekheads banner-background
skinr[slate-banner-styles][options][4][label] = Seascape
skinr[slate-banner-styles][options][4][class] = banner-background-seascape banner-background
skinr[slate-banner-styles][options][5][label] = Windows
skinr[slate-banner-styles][options][5][class] = banner-background-windows banner-background
;

to:

Acquia Slate - Banner Styles
skinr[slate-banner-styles][title] = Acquia Slate - Banner Styles
skinr[slate-banner-styles][type] = radios
skinr[slate-banner-styles][features][] = page
skinr[slate-banner-styles][options][1][label] = Beach stones
skinr[slate-banner-styles][options][1][class] = banner-background-beachstones banner-background
skinr[slate-banner-styles][options][2][label] = City street lights
skinr[slate-banner-styles][options][2][class] = banner-background-citystreetlights banner-background
skinr[slate-banner-styles][options][3][label] = Greek heads
skinr[slate-banner-styles][options][3][class] = banner-background-greekheads banner-background
skinr[slate-banner-styles][options][4][label] = Seascape
skinr[slate-banner-styles][options][4][class] = banner-background-seascape banner-background
skinr[slate-banner-styles][options][5][label] = Windows
skinr[slate-banner-styles][options][5][class] = banner-background-windows banner-background
skinr[slate-banner-styles][options][6][label] = testheader1
skinr[slate-banner-styles][options][6][class] = banner-background-windows banner-background
skinr[slate-banner-styles][options][7][label] = testheader2
skinr[slate-banner-styles][options][7][class] = banner-background-windows banner-background
;

and changed fusion-acquia-slate-style.css from:

/* Preface top - Banners */
.banner-background #preface-top {
  margin-bottom: 2.5em;
}

.banner-background #preface-top .preface-top-inner {
  height: 420px;
  overflow: hidden;
}

.banner-background-beachstones #preface-top .preface-top-inner {
  background: url(../images/banner/beachstones.jpg) no-repeat center center;
}

.banner-background-citystreetlights #preface-top .preface-top-inner {
  background: url(../images/banner/citystreetlights.jpg) no-repeat center center;
}

.banner-background-greekheads #preface-top .preface-top-inner {
  background: url(../images/banner/greekheads.jpg) no-repeat center center;
}

.banner-background-seascape #preface-top .preface-top-inner {
  background: url(../images/banner/seascape.jpg) no-repeat right top;
}

.banner-background-windows #preface-top .preface-top-inner {
  background: url(../images/banner/windows.jpg) no-repeat right top;
}

/* Content top - Banners */
.banner-background #content-top-wrapper {
  margin-bottom: 2.5em;
}

.banner-background-beachstones #content-top-wrapper .content-top-inner {
  background: url(../images/banner/beachstones.jpg) no-repeat center center;
}

.banner-background-citystreetlights #content-top-wrapper .content-top-inner {
  background: url(../images/banner/citystreetlights.jpg) no-repeat left center;
}

.banner-background-greekheads #content-top-wrapper .content-top-inner {
  background: url(../images/banner/greekheads.jpg) no-repeat left center;
}

.banner-background-seascape #content-top-wrapper .content-top-inner {
  background: url(../images/banner/seascape.jpg) no-repeat left bottom;
}

.banner-background-windows #content-top-wrapper .content-top-inner {
  background: url(../images/banner/windows.jpg) no-repeat left bottom;
}

.banner-background #content-top-wrapper #content-top-inner-inner {
  padding-top: 80px;
}

to:

/* Preface top - Banners */
.banner-background #preface-top {
  margin-bottom: 2.5em;
}

.banner-background #preface-top .preface-top-inner {
  height: 420px;
  overflow: hidden;
}

.banner-background-beachstones #preface-top .preface-top-inner {
  background: url(../images/banner/beachstones.jpg) no-repeat center center;
}

.banner-background-citystreetlights #preface-top .preface-top-inner {
  background: url(../images/banner/citystreetlights.jpg) no-repeat center center;
}

.banner-background-greekheads #preface-top .preface-top-inner {
  background: url(../images/banner/greekheads.jpg) no-repeat center center;
}

.banner-background-seascape #preface-top .preface-top-inner {
  background: url(../images/banner/seascape.jpg) no-repeat right top;
}

.banner-background-windows #preface-top .preface-top-inner {
  background: url(../images/banner/windows.jpg) no-repeat right top;
}

.banner-background-testheader1 #preface-top .preface-top-inner {
  background: url(../images/banner/testheader1.png) no-repeat right top;
}

.banner-background-testheader2 #preface-top .preface-top-inner {
  background: url(../images/banner/testheader2.png) no-repeat right top;
}

/* Content top - Banners */
.banner-background #content-top-wrapper {
  margin-bottom: 2.5em;
}

.banner-background-beachstones #content-top-wrapper .content-top-inner {
  background: url(../images/banner/beachstones.jpg) no-repeat center center;
}

.banner-background-citystreetlights #content-top-wrapper .content-top-inner {
  background: url(../images/banner/citystreetlights.jpg) no-repeat left center;
}

.banner-background-greekheads #content-top-wrapper .content-top-inner {
  background: url(../images/banner/greekheads.jpg) no-repeat left center;
}

.banner-background-seascape #content-top-wrapper .content-top-inner {
  background: url(../images/banner/seascape.jpg) no-repeat left bottom;
}

.banner-background-windows #content-top-wrapper .content-top-inner {
  background: url(../images/banner/windows.jpg) no-repeat left bottom;
}

.banner-background-testheader1 #content-top-wrapper .content-top-inner {
  background: url(../images/banner/testheader1.png) no-repeat left bottom;
}

.banner-background-testheader2 #content-top-wrapper .content-top-inner {
  background: url(../images/banner/testheader2.png) no-repeat left bottom;
}
.banner-background #content-top-wrapper #content-top-inner-inner {
  padding-top: 80px;
}

which 'should' have, to the best of my understanding added both 'testheader1' and 'testheader2' to the Aquia Slate Banner Style section of the Skinr rule for that page.

It 'sortof' worked. It added testheader2 as an option with a radio button but removed 'Windows' as a choice, and did not add testheader1 to the list even after clearing cache at ../admin/settings/performance multiple times.

Basically, after making the above changes I have the following choices for banners:


Beach stones
City street lights
Greek heads
Seascape
testheader2

Both the newly created 'testheader1' and the default banner 'Windows' appear to be missing now. Is there a limit to the number of banner choices that can be added?

(Edit To Add) To add to the confusion, I just clicked the radio button for testheader2, saved, cleared cache, and loaded my homepage, and it is actually displaying the 'Windows' banner.

Thanks in advance!

B :)

Comments

bstrange’s picture

Status: Active » Fixed

Doh!

The error was in my altered .info file (smacks forehead). I had:

Acquia Slate - Banner Styles
skinr[slate-banner-styles][title] = Acquia Slate - Banner Styles
skinr[slate-banner-styles][type] = radios
skinr[slate-banner-styles][features][] = page
skinr[slate-banner-styles][options][1][label] = Beach stones
skinr[slate-banner-styles][options][1][class] = banner-background-beachstones banner-background
skinr[slate-banner-styles][options][2][label] = City street lights
skinr[slate-banner-styles][options][2][class] = banner-background-citystreetlights banner-background
skinr[slate-banner-styles][options][3][label] = Greek heads
skinr[slate-banner-styles][options][3][class] = banner-background-greekheads banner-background
skinr[slate-banner-styles][options][4][label] = Seascape
skinr[slate-banner-styles][options][4][class] = banner-background-seascape banner-background
skinr[slate-banner-styles][options][5][label] = Windows
skinr[slate-banner-styles][options][5][class] = banner-background-windows banner-background
skinr[slate-banner-styles][options][6][label] = testheader1
skinr[slate-banner-styles][options][6][class] = banner-background-windows banner-background
skinr[slate-banner-styles][options][7][label] = testheader2
skinr[slate-banner-styles][options][7][class] = banner-background-windows banner-background
;

and it should have been:

Acquia Slate - Banner Styles
skinr[slate-banner-styles][title] = Acquia Slate - Banner Styles
skinr[slate-banner-styles][type] = radios
skinr[slate-banner-styles][features][] = page
skinr[slate-banner-styles][options][1][label] = Beach stones
skinr[slate-banner-styles][options][1][class] = banner-background-beachstones banner-background
skinr[slate-banner-styles][options][2][label] = City street lights
skinr[slate-banner-styles][options][2][class] = banner-background-citystreetlights banner-background
skinr[slate-banner-styles][options][3][label] = Greek heads
skinr[slate-banner-styles][options][3][class] = banner-background-greekheads banner-background
skinr[slate-banner-styles][options][4][label] = Seascape
skinr[slate-banner-styles][options][4][class] = banner-background-seascape banner-background
skinr[slate-banner-styles][options][5][label] = Windows
skinr[slate-banner-styles][options][5][class] = banner-background-windows banner-background
skinr[slate-banner-styles][options][6][label] = testheader1
skinr[slate-banner-styles][options][6][class] = banner-background-testheader1 banner-background
skinr[slate-banner-styles][options][7][label] = testheader2
skinr[slate-banner-styles][options][7][class] = banner-background-testheader2 banner-background
;

Good thing it was loading the wrong image (windows.jpg) or I would never have gone looking further than I had...

I will leave this up for reference in case anyone else comes across similar issues or finds themselves looking for the process :)

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.

Anonymous’s picture

Issue summary: View changes

Edit to add additional information