Joomla Templates Club 406,261 posts

[hzc0mm Friend hzc0mmJoin date: March 2011Posts: 29Downloads:0Uploads:7 Thanks: 5]

#172571

Hi there,
Added a custom module at position “sl1-l” to display Google Ads. Problem is, the module is slightly too wide, which somehow hurts my eyes (see screenshot).

How would I reduce width by about 10px? I tried and added a custom class suffix into template.css, to no avail.

Plz help!

---

Attachments:

1. 

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#433070

In order to best assist you, please provide the url of the site you’re working on
– as well as set “Optimize CSS” to “No’ within your Template Manager–General Settings.

[hzc0mm Friend hzc0mmJoin date: March 2011Posts: 29Downloads:0Uploads:7 Thanks: 5]

#433133

sorry: here goes: http://www.hotelmagazin-online.com/newsite

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#433166

<em>@hzc0mm 293724 wrote:</em><blockquote>sorry: here goes: http://www.hotelmagazin-online.com/newsite</blockquote>

Open /templates/ja_teline_iv/css/template.css

at line 1013, you should see the following:

#ja-topsl1 .ja-moduletable, #ja-botsl1 .ja-moduletable, #ja-topsl2 .ja-moduletable, #ja-botsl2 .ja-moduletable {
margin: 0px;

}

Try modifying as follows:

#ja-topsl1 .ja-moduletable, #ja-botsl1 .ja-moduletable, #ja-topsl2 .ja-moduletable, #ja-botsl2 .ja-moduletable {
margin-right: 4px;

}

Closer to what you want?

[hzc0mm Friend hzc0mmJoin date: March 2011Posts: 29Downloads:0Uploads:7 Thanks: 5]

#433368

I took it from the other way round:

Managed to create a custom module class named “Adv”.

Inserted this in the template.css

div.ja-moduletableadv, div.moduletableadv {
background: #f7dbde !important;
border: 1px solid red !important;
margin-bottom: 4px;
margin-left: 2px;
}

and inserted “adv” into the Module Class Suffix field in the module manager.

Problem: This only works with “col-mass-top” elements. I need this to work with “topsl” elements. **** … getting near but only just …

[hzc0mm Friend hzc0mmJoin date: March 2011Posts: 29Downloads:0Uploads:7 Thanks: 5]

#433376

Ok, frontpage works, too:

Inserted this in template.css:

#ja-topsl1 .ja-box-right .moduletableadv {
background: #f7dbde !important;
border: 1px solid red !important;
margin-bottom: 4px;
margin-left: 2px;
}

now to this frigging custom google module …

[hzc0mm Friend hzc0mmJoin date: March 2011Posts: 29Downloads:0Uploads:7 Thanks: 5]

#433378

Works.

Inserted this into template.css:

#ja-topsl1 .moduletable_google {
margin:0 4px 0 0;
}

and, of course, module class suffix “_google”

Hope it helps some1 with the same problem 😛

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#433694

NICE WORK !!!

Hope some of what I suggested was able to guide you in the right direction.

All the best with your continuing site development. 🙂

1 user says Thank You to TomC for this useful post

1. hzc0mm

[hzc0mm Friend hzc0mmJoin date: March 2011Posts: 29Downloads:0Uploads:7 Thanks: 5]

#433836

It was, man, it was 🙂

[Author]

Posts