newb question

[harial]

So I just installed prestashop last night and I have been working at it to get it to look right, and I seem to have run into a snag. I can not for the life of me figure out how to change the home page text from the latin to what I want it to say. I am sure the solution is staring me right in the face but it is frustrating not being able to solve such a simple issue.

I tried to find some sort of FAQ on this but came up empty handed.

[webdevguy]

I'm assuming you're talking about the text right above the "Featured Products" on the homepage.

In your back office go to:
-->Modules
-->under Tools
--> under Home text editor
--> click Configure.

Prestashop comes with a bunch of customers and products pre-installed so you can see what it looks like. It's all in french for some reason.

[harial]

thanks!

you would not happen to know how to make that into text appear inside a box like the "featured products" box would you? The text just looks like it is hanging out in with no box around it but I can not figure out how to box it.

http://slpublishinggroup.com/shop/

[webdevguy]

Probably could by changing the current themes global.css file. I'm not aware of a quicker way to do it.

[webdevguy]

harial, try this

in your themes global.css file replace:

/* Block editorial */
.editorial_block { margin-bottom: 2em; }
.editorial_block h2 {
   background: none;
   padding: 0;
   margin-bottom: 1em;
}
.editorial_block p { text-align: justify; padding-top: 0.4em;}

#editorial_block_center p { padding-left:0px; }

with:

/* Block editorial */
.editorial_block { 
     margin-bottom: 2em; 
     padding-left:3px; 
     padding-left:3px;}
     border: solid 1px #d0d3d8;
     margin: 10px;
.editorial_block h2 {
   background:transparent url(../img/block_header_large.gif) no-repeat scroll left top;
   padding: 5;
   margin-bottom: 1em;
     color:white;
}
.editorial_block p { text-align: justify; padding-top: 0.4em;}

#editorial_block_center p { padding-left:0px; }

That should give you a nice border and header around the text. You can also add your backround color to this.

Nice site! The colors could be changed a tad to be more readable.

[harial]

I used what you posted and modified it so that it looks like this:

/* Block editorial */
.editorial_block { 
     margin: 0px;
     background: url('../img/feature_bg.png') repeat-x bottom left;

}

.editorial_block h2 {
     background:transparent url('../img/block_header_large.png') no-repeat scroll left top;
     height: 26px;
     width: 556px;
     margin-bottom: 1em;
     color:white;
     padding-left:5px;
}
.editorial_block p { text-align: justify; padding-top: 0.4em;}

#editorial_block_center p { padding-left:0px; }

I got the padding tag to move the text over for the text in the H2 area however when that tag is added to the text area the h2 image is moved over as well. I can not seem to figure out how to move just the text and not the H2 background image. Any Ideas?

http://slpublishinggroup.com/shop/

[webdevguy]

I used firebug addon for firefox on your site: When i increased the

padding-left:

it just moved the text on the block_header_large.png without moving the picture itself.

Am i understanding that you want to move the text on the header or in the body?

[webdevguy]

I f youre trying to move the text in the body section of the homepage text you need this:

.editorial_block {
     background:transparent url(../img/feature_bg.png) repeat-x scroll left bottom;
     margin:0px;
     padding-bottom:5px;
}
.editorial_block h2 {
     background:transparent url(../img/block_header_large.png) no-repeat scroll left top;
     color:white;
     height:26px;
     margin-bottom:1em;
     padding-left:10px;
     width:556px;
}
.editorial_block p {
     padding-top:0.4em;
     text-align:justify;
}
#editorial_block_center p {
     padding-left:5px;
     padding-right:5px;
}

looking like this:

[harial]

Woot!!! It worked!!!


Thanks!