Jump to content

[solved] How to change theme


Recommended Posts

Good morning

 

It is true that global.css will make a lot of the changes you need but many parts of the default theme have their own .css files.

 

So it would be better to let us know what you specifically want to change.

 

Perhaps you could give a screen shot of the parts you want to change as it will make things easier for the helpers

 

Paul

Link to comment
Share on other sites

exactly as perfumeskunk said, everything depends on element that you want to change.

 

for example font colors for content is defined here:

body{
font:normal 11px/14px Arial, Verdana, sans-serif;
color:#222;
background:#fff
}

Link to comment
Share on other sites

ur concept is wrong first create a logo in purple..color or black purple watever purple..

 

dont change body text color to purple change search button color to purple ,menu background color.. title,headings..

 

change this..

steps: Find modules block top menu...css superfish modified change example background to purple .modules block search on block top search.tpl change class button to other name (it will not effect other buttons) to other and modify css..

on use..mozila or use developer tool to find out css by lines..good luck

Link to comment
Share on other sites

I am Very new...just started using PS, My question or issue is...I found a free them to install and use, I had no problem uploading and unzipping the file in my Control Panel, However...I was following an instruction on how to install a new theme...after the installation was complete and it didnt work, I looked at the read me file that came with the theme, it said I had to unhook all modules BEFORE installing the theme to the theme folder.....so I deleted the themem in my PS and also in my CP and went to module POSITIONS and unhooked all modules, then went back and uploaded the theme to the theme folder in CP and unzipped it....so far so good...but now the read me file says after installing the new theme to the THEME folder, rehook all the modules....so off we go hook up all the modules...then added the theme to PrestaShop....and nothing...only my default theme shows up.....it took a couple hours to unhook...all modules and rehook each one manually again. At 4:AM I gave up and went to bed...lol...

 

Just seems like the general instruction on how to install a new theme...and the read me files with the new theme dont match up and dont work ....or the read me file assumes your already an expert and isnt complete...

 

Any help here? Is this standard in changing themes every time you want to change a theme?..

 

Thanks in advance for any thoughts...

Link to comment
Share on other sites

simpleresponsive theme is what I installed...after uninstalling and adding back my hooks...it returned to my fefault theme...with issue. My logo is now below the header and blocking the HOME button....before it was beside the search bar, its still beside the search bar but my bar that says HOME is now overlapping my logo....I guess I have totally messed up the site?...Dang it...

 

 

 

hello

 

everything depends on theme that you're trying to install, so if it is possible - please give us more info about theme that you're trying to install

Link to comment
Share on other sites

to change header blocks colors:

.block .title_block, .block h4 {
padding: 6px 11px;
font-size: 12px;
color: #fff;
text-shadow: 0 1px 0 #000;
text-transform: uppercase;
background: #383838;
text-align: left;
font-weight: bold;
}

global.css file line ~292

 

change the values of the background (for background) and color (for font color)

 

===========================

 

to change color of the main menu (top horizontal menu):

 

.sf-menu {
margin: 10px 0;
padding: 0;
width: 980px;
background: #383838;
}

 

in the file: /modules/blocktopmenu/css/superfish-modified.css

 

 

=====================

languages:

 

#header_right #languages_block_top {
float: right;
margin: 0;
padding: 2px 6px 1px 6px;
-moz-border-bottom-right-radius: 3px;
-moz-border-bottom-left-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
background: none repeat scroll 0 0 #000;
}

 

in the file: /modules/blocklanguages/blocklanguages.css

 

 

===========

 

 

footer background:

#footer {
color: #fff;
background: #333;
}

 

in global.css ~577

  • Like 1
Link to comment
Share on other sites

  • 2 months later...
×
×
  • Create New...