close ad
Install the LAtest Updates to Work with CC 2017 and CC 2018
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

background color customization

Thread began 2/12/2010 12:56 pm by martistott342331 | Last modified 6/16/2010 12:33 pm by Justin Nemeth | 1358 views | 7 replies |

martistott342331

background color customization

Power Gallery presents design options of light and dark. Is there a good option, perhaps in the css, for customizing the background colors of the galleries to better integrate with a site color scheme?

Sign in to reply to this post

Justin Nemeth

Yes, it is all controlled with CSS like you mention. Here is what I would recommend. Lets take the Ribbon+Fullsize as an example. The directory that contains the css for the dark and light files is galleries/ribbon_fullsize/css. Copy the dark.css file and rename it anything you want, such as mystyle.css. Now, you can edit the mystyle.css with the colors that better match your site. In the admin, your new style will automatically show up on the Choose Gallery page as a selectable theme under the Ribbon+Fullsize. If you want a custom image to show up as well, you can make a thumbnail in galleries/ribbon_fullsize/admin called mystyle.png.

Using this technique allows you to keep the dark and light themes intact while still creating a custom one that works better for you. If you don't care about keeping those intact, you can of course edit the dark.css directly with the colors you want.

-justin

Sign in to reply to this post

neilo

That's pretty cool that you can have modded css show up as selectable themes. That makes this whole deal (plus the great set-up) even better that I thought it was. Totally impressed, - nice one Justin.

Sign in to reply to this post

martistott342331

customizing gallery

I finally got a chance to implement the customization and it works quite well. Adding the customized .png to PowerGallery looks very professional.

Sign in to reply to this post

CraigRBeta Tester

respect due!

wow, i didn't know about this - time to play a bit more.

Add some instructions in the literature, you may well sell a few more

Sign in to reply to this post

Justin Nemeth

Glad you guys like it, I will make a suggestion for a more advanced guide on make a custom color scheme.

-justin

Sign in to reply to this post

biz295654

Did the advanced guide ever happen for the css edits? Thanks.

Sign in to reply to this post

Justin Nemeth

No guide out for this, but for the most part its not too hard to figure it out. I would use either Chrome/Safari dev tools or Firebug to inspect the elements that you want to change. Then you can use the above technique to make a custom .css file and change the colors in the correct places.

Sign in to reply to this post

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...