COMMUNITY FORUM

Please note that official support for commercial extensions & templates is provided in the Subscriber Help Desk.
Support requests should ONLY be directed there and require an active subscription plan.
This forum board is to be used for archive purposes and knowledge exchange ONLY.

Module width

Mariak Bol
Topic Author
Offline
Senior Member

10 years 7 months ago #138403 by Mariak Bol

Module width was created by Mariak Bol

Hi, im using Numotors template. I was wondering if I can change the width of module position "numotors_component"
Kindly help me. I want to reduce the width of the module postion to a smaller one and in increase width of the of module postion " numotors_index_column"

Regards

Mariak

Please Log in or Create an account to join the conversation.

Krikor Boghossian
Offline
Platinum Member

10 years 7 months ago #138404 by Krikor Boghossian

Replied by Krikor Boghossian on topic Module width

Hello Mariak,

It is quite easy. Paste this snippet in your template.css.

.col_2 { width: 412px }
.col_6{ width: 211px; }

I increased the width by 50pixels. You tweak the size. All you need to do is increase col_2 and decrease col_6.

This snippet might be useful if you decrease the space even further.

span.catItemImage img { max-width: 100%; }
.isFrontpage div.catItemImageBlock { margin-right: 0; }

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.

Mariak Bol
Topic Author
Offline
Senior Member

10 years 7 months ago #138405 by Mariak Bol

Replied by Mariak Bol on topic Module width

Hi,

I have posted the code at the end of the template.css but I still see no changes. Is there a particular line in the template.css where i post the code?

Regards

mariak

Please Log in or Create an account to join the conversation.

Krikor Boghossian
Offline
Platinum Member

10 years 7 months ago #138406 by Krikor Boghossian

Replied by Krikor Boghossian on topic Module width

Actually the best solution is to paste it at the custom.css file so you won't lose any changes when you update the template.

make sure you post the col_xx code as well, this is the code which alters the width.

Keep in mind that you can also increase/decrease the width with this snippet even further.

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.

Mariak Bol
Topic Author
Offline
Senior Member

10 years 7 months ago #138407 by Mariak Bol

Replied by Mariak Bol on topic Module width

It works well, thanks. One more thing im asking, is the a way i can change the yellow theme color of the template? To maybe something like blue.

Please Log in or Create an account to join the conversation.

Krikor Boghossian
Offline
Platinum Member

10 years 7 months ago #138408 by Krikor Boghossian

Replied by Krikor Boghossian on topic Module width

Most of that template's styling is done with images.
(All our newer templates only contain icon fonts).

You need to edit these images and then open both the template.css and k2.css files and replace all instances of #fee725 with the hex you want eg. #4aaffb (lightish blue)

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.

Mariak Bol
Topic Author
Offline
Senior Member

10 years 7 months ago #138409 by Mariak Bol

Replied by Mariak Bol on topic Module width

Where are these images that I need to edit located in the template folders?

Regards

Please Log in or Create an account to join the conversation.

Krikor Boghossian
Offline
Platinum Member

10 years 7 months ago #138410 by Krikor Boghossian

Replied by Krikor Boghossian on topic Module width

All these images are located under the templates/numotors/images and subsequent folders.

My suggestion is to grab the psds as well and "slice" the images from there. It will save you a lot of time.

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.

Mariak Bol
Topic Author
Offline
Senior Member

10 years 7 months ago #138411 by Mariak Bol

Replied by Mariak Bol on topic Module width

Can I find all the icons and images coloured yellow in PSD file?

Please Log in or Create an account to join the conversation.

Mariak Bol
Topic Author
Offline
Senior Member

10 years 7 months ago #138412 by Mariak Bol

Replied by Mariak Bol on topic Module width

I would like to use the module inside the article and Polls module like the ones in the attached image. How did you make it? Please help me.

Thanks

Please Log in or Create an account to join the conversation.