Looks like you've got JavaScript disabled in your browser - you'll get a better site experience if you enable JavaScript

solved Help with Mogul Skin

The Jamroom Network » Forum » Design and Skin Customization » Page » Help with Mogul Skin

duke
@musamensa
7 years ago
253 posts

hi,
I have cloned the mogul skin and I am playing around with some customizations I need help with editing the footer (changing the width) and also how do i remove or change the 'purple tint' that is over the background image located on the index page and footer.

thanks for your help.
updated by @musamensa: 01/04/17 11:57:08AM

@michael
7 years ago
7,719 posts

all the footer stuff can be found in the footer.tpl file.

How you edit it depends on your level of web development experience and on how far you want to take your customizations.

If you plan to make a lot of changes, the best way is to use standard web development techniques and edit the files of the skin via SFTP. Make your changes on the files in your skin.

If you just want to tweak a few things, then you can do that from within the ACP via the TEMPLATES tab of the skin.

There are benefits to both methods.

The purple tint for that skin is not one that is made available to the ACP, so you'll need to adjust the css file.

look for it around line 444 of:
/skins/YOUR SKIN/css/skin.css

It will look like this:

.index .overlay, .dark .overlay, .footer .overlay {
    background: rgba(120, 20, 60, 0.8) none repeat scroll 0 0;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

Change the rgba() to the color you want. The way I would look to find the color I wanted for this is using the very common web development tool
* Firebug

in the firefox browser, along with the
* Firepicker

extension. This will allow you to choose the color you're after exactly, then you add it to the css file and upload.

Clear the caches for the system at:
ACP -> MODULES -> CORE -> TOOLS -> RESET CACHES

and see how your changes look.

repeat.

duke
@musamensa
7 years ago
253 posts

Thanks I was able to edit the codes
I have another issue with the profile header image on the same skin, profiles with no header image uploaded do not display the default image so the profile pictures are hidden under the top menu section.

@michael
7 years ago
7,719 posts

it helps everyone out if they get specific results when searching the forums for answers, so if you could put the question topic in the title "how do i...." then when the searchers see its solved they will read for the answer.

If the search results are just a list of titles with:

"I have a problem, please help"
"I have a problem, please help"
"I have a problem, please help"
"I have a problem, please help"
"I have a problem, please help"
"I have a problem, please help"
"I have a problem, please help"
.....

Then nobody searches and we have to answer the same question over and over.

Thanks for helping the whole community out by asking specific quesitons

solved Help with Mogul Skin

Tags