Jump to content

Modification button blockspecials


Recommended Posts

Hi,

Im trying to repositioning the button in the blockspecials module.

I’ve created an extra button class and button special for this module. In the file blockspecials.tpl i refer to this image.

As you can see in the attachement the button is not positioned very well (number 1). It’s to far to the right.

The layout for number 2 is different (no borders, smaller footer) and is perfect for me.
I’ve modified my global.css already. The only thing i cab’t figure out is to change the position of the button.

As you can see in the image the default button class is a little more to the left than the button class for the module blockspecials. The class is a copy of the original so i can modify it specially for this module.

for example form global.css:
}
input.button_test,
a.button_test,
span.button_test { width: 180px; background-image: url(’../img/button-test.gif’);
}

If I change the witdth the text of the button move to the right (allign center I think). When you make it big enough it will even cross the right border. Somewhere I have to get rid of the padding on the left side of the button…..


Who can help me?

(BTW: I’m changing the default template).

Thanks in advance!

3972_Vxss7JI0qbMRXKyLUuzK_t

Link to comment
Share on other sites

I really think that. The other topic can be removed and I hope there is someone who can really help me.


So you think that other people will read only this message that did not already read that other topic of yours?

Well, thank you for telling me that I'm not realy of any help to you. Let me write that down so next time a see a question from you and I think I can "really" help I will just ignore your question.

Let that be a notification to all other here on the forums, if you try to help pelems but your answer is not given a quick result you are actualy not "really" helping.
Link to comment
Share on other sites

Found it out myself.

In the template layout (global.css) you find this part around line 1160:

.blockspecials p {
padding: 0.3em 0 0 0;
margin: 0;
text-align: center;
clear: both;
}


This is what I've made which i'm satisfied with:

.blockspecials p {
padding: 0.3em 0 0 0;
margin: -3px;
margin-bottom: 0px;
text-align: center;
clear: both;
}

Solved for me!

Link to comment
Share on other sites

×
×
  • Create New...