[SOLVED]Edit text line in module

[Alexanderleo]

Hello

I am running PS 1.5.5.0 with the "Lof Advanced Footer" modul on this site: www.tradealot.dk

My problem is the text is to close to the footer edge. Can i move it a bit down?

 

You can see what i mean here:

 

Edited October 27, 2013 by Alexanderleo (see edit history)

[Chris2013]

HI

 

add  padding-top: 20px;  to line 57 of your custom.css file  that should do it if you only want it at the top,  if you want some padding on the left and right do padding:20px 10px;  instead

 

Chris

[Alexanderleo]

I dont want it to get to the top. I want the text to get a bit lower.

 

Where do i need to insert it?

#footer, #footer a, #footer h4, #footer h4 a, #footer .title_block, #footer .title_block a{
    color: #000000 !important;

[Chris2013]

That's is what it will do

#footer, #footer a, #footer h4, #footer h4 a, #footer .title_block, #footer .title_block a{
color: #000000 !important;
padding-top: 20px;
}

[vekia]

this is what you're looking for:

?

 

 

or maybe this:

 

 

 

 

 

first: add somewhere in global css: .lof-block-wrap h2 {padding:20px;}

second: add somewhere in glboal css: .lof-position-wrap {padding:20px;}

[Alexanderleo]

The last image is what I am looking for. Does your soloution fix this?

[vekia]

The last image is what I am looking for. Does your soloution fix this?

 

in this case you have to add somewhere in global.css file:http://www.tradealot.dk/themes/Trade/css/global.css ( where to insert code? no matter where, just insert it in this file, for example at the end of file)

.lof-position-wrap {padding:20px;}

[Alexanderleo]

It did not help.

 

It look like this in the code:

}
@media screen and (max-width: 759px) {
    .resp #layout.margin1 {
        margin:0 auto;
    }
}
.lof-position-wrap {padding:20px;}

[Paulito]

Good morning

 

just added vekia code to line 3000 in your global css, see image

 

http://screencast.com/t/zuvCO1pvvTkY

 

Paul

[vekia]

after changes in global.css file refresh your website with hard refresh (ctrl+f5)

or just clear browser cache.

 

it's because your browser remember old global.css file contents.

[Alexanderleo]

Thanks you for the help

[vekia]

hello

 

you're welcome

 

i can confirm that everything works well now, i refresed your website (tradealot.dk) and i see correct footer design (with padding included)

 

problem solved

 

with regards,

Milos

[Alexanderleo]

Can you tell me why the newsletter modul is a bit to the right and not under the "Nyhedsbrev" text?

[vekia]

because of huge padding values:

 

open module .tpl file and remove:

<div class="title_block"></div>

remove also class="bock_content" from:

<div class="block_content"><form action="http://www.tradealot.dk/" method="post"><p> <input class="inputNew" id="newsletter-input" type="text" name="email" size="18" value="din e-mail"> <input type="submit" value="ok" class="button_mini" name="submitNewsletter"> <input type="hidden" name="action" value="0"></p></form></div>

 

 

effect:

[Alexanderleo]

Where do i find these to files to edit?

[vekia]

ahh you use lof advanced footer!

in this case you have to define these styles somewhere in global css file:

.lof-module .block_content {margin:0px; padding:0px;}

and:

#newsletter_block_left .title_block {display:none;}

effect will be the same:

http://i.imgur.com/HMkIFdW.png

[Alexanderleo]

Thank you!