This forum is for churches and ministries using Web-Empowered Church tools or packages. If you are a WEC customer, please submit a ticket. If you are reporting a bug with one of our plugins, please email us. If you are a business entity and want help that you cannot find here, please look at our services.

Notice: we are using new forum software and most messages from last 2 years were transferred. If you had an account before, please login to post a message on the forum.

Forum » Using WEC System » Skins
Topic with no new replies

Touch of Elegance Skin changes


Author Message
Written on: 01/28/2011
Dave Bierut
Topic creator
registered since: 01/28/2011
Posts: 5
 I'm trying to make some changes to the touch of elegance skin. Basically I want to have the Header (logo and background image) come before the global menu at the top. where can i go to change this? I'm very comfortable in CSS but don't believe it is there.

Thanks for your help.
Profile
Written on: 02/01/2011
Jeff Segars
registered since: 12/20/2004
Posts: 665
 Hey Dave,
This sounds like something that would need to be done in TypoScript if it can't be accomplished in CSS. Within the skin, you'll find a file at typoscript/skin_typoscript.ts that defines the basic content and layout of the skin.

Around line 120 of this file, the "header" object is defined and the lines immediately after that define all the pieces of the header object. The main thing to know about TypoScript is that the numbers indicate order (header.10 is first, followed by header.20 and header.30. header.10.10 indicates something that is nested inside header.10). Here's the current layout in Touch of Elegance....

header.10 = Top Navigation
header.20 = Global Menu
header.30 = Masthead

This means that you can change header.30 to be header.5 instead and it will appear first in the HTML markup. I'm sure there will be CSS adjustments needed also, but that hopefully gets you to a place where you can put your CSS skills to work icon_smile.gif

Thanks,
Jeff
Profile
WWW