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

Start
Prev
1
Next
End

Mariak Bol
Topic Author
Offline
Senior Member

10 years 11 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 11 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 11 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 11 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 11 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 11 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 11 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 11 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 11 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 11 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.

Krikor Boghossian
Offline
Platinum Member

10 years 11 months ago #138413 by Krikor Boghossian

Replied by Krikor Boghossian on topic Module width

I did not get an attachment sadly.

You will get the icons in a seperate psd, but other elements which are parts of eg. the header are in their respective psd files.

PS. If you want a module inside an article/ item you can use the {loadposition} snippet, alternatively you can look at the template's module map to find a suitable position.

nuevvo.com/documentation/commercial-templates/item/41-numotors-documentation
(head down to the visual walkthrough)

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 11 months ago - 10 years 11 months ago #138414 by Mariak Bol

Replied by Mariak Bol on topic Module width

Find the attached image

imgur.com/uLPfVOl

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

Krikor Boghossian
Offline
Platinum Member

10 years 11 months ago #138415 by Krikor Boghossian

Replied by Krikor Boghossian on topic Module width

Please try to upload it to imgur and send me the link.
Somehow I cannot find the attachment.

The image might not be big to be uploaded.

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 11 months ago #138416 by Mariak Bol

Replied by Mariak Bol on topic Module width

There is the link to image.

imgur.com/uLPfVOl

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

Krikor Boghossian
Offline
Platinum Member

10 years 11 months ago #138417 by Krikor Boghossian

Replied by Krikor Boghossian on topic Module width

We must have uploaded an earlier version of that template's psd files.

In this version there are no polls (polls where part of Joomla! 1.5 only unfortunately ) and the related items are displayed in a list.

If you want to insert a module in the K2 item and NOT use the loadposition method you can hardcode it in your template.

Open the item.php file located under /templates/numotors/com_k2/default and in line 215 directly over <div class="itemFullText"> paste the snippet in this post.

<?php foreach (JModuleHelper::getModules('inner-item') as $module) {                                
echo JModuleHelper::renderModule($module, array('style' => 'nu'));            
}?>

A similar thread can be found here: getk2.org/community/English-K2-Community/179921-SOLVED-Add-a-Module-position-to-K2-Template-do-it-better#191224

You can then use the floatLeft or floatRight suffixes to push to the direction you want.

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 11 months ago #138418 by Mariak Bol

Replied by Mariak Bol on topic Module width

This code will display related items and every k2 item automatically?

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

Krikor Boghossian
Offline
Platinum Member

10 years 11 months ago #138419 by Krikor Boghossian

Replied by Krikor Boghossian on topic Module width

No it will enable the loading of a module in that position.

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

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

Start
Prev
1
Next
End