Tagged: navigation bar
July 24, 2013 at 11:40 am #107604
I like the scalloped on the navigation bar and footer when the default theme is selected. However, when I customize the colors, the scalloped edge goes away. Is there a way to change the color from the default and keep the decorative edge?The blog I need help with is becraftystamps.comJuly 24, 2013 at 11:00 pm #137274
The scalloped edges are designed to not display when custom colors are active. This was done because it’s not possible for the edge’s colors to automatically change along with the color of the navigation bar.
If you would like to keep the edge, it is technically possible to add it back with CSS, but it will require you to manually edit the ruffle image in an image editor (such as Photoshop) to change it to the color you want, upload it to your media library, and then set it as the background of the menu area using CSS. Here’s the original ruffle image that you can download and save to your computer.
If you want to give this a shot, let me know and I will provide you with the steps and walk you through the process.July 25, 2013 at 6:11 pm #137343
Thank you michiecat. I have downloaded the ruffle image, changed the color and uploaded it into my media library. I’d love to know the steps for adding the ruffle to the navigation bar and footer. Thanks!July 25, 2013 at 8:09 pm #137354
Howdy. You’ve already done the bulk of the work! The last step would be to add the following to your Custom CSS editor:
Let me know how that works for you or if you have any questions.July 25, 2013 at 9:13 pm #137361
Thank you so much michiecat. It’s really starting to look the way I want it to with your help!July 25, 2013 at 10:14 pm #137366
You’re very welcome! Your site looks great. Are you all set with the scallops? If so, I will resolve this topic. If you have any other questions, please feel free to post it a new topic.July 25, 2013 at 10:19 pm #137367
Yes I am. Thank you.
The topic ‘Navigation Bar Scallops’ is closed to new replies.