Joomla Templates Club 406,261 posts

[ehoskins Friend ehoskinsJoin date: September 2010Posts: 3Downloads:0Uploads:0]

#154125

I would like to place an image in the left column (the narrow column) above other features that come with this theme. I created a module for “custom html” that gives me an editor so that I can have an image appear where I want it.

The problem is that the left column has an indent on both sides of it, which works quite will for most types of content that you would place over there. However, I would like my image to be flush with the top and both sides of the left column. I would imagine that this will take some custom coding somewhere. Maybe it needs to be a new module over on the left above the current left content module, so that it doesn’t have any vertical or horizontal indenting.

I was hoping someone could point me in the right direction, because I feel like I am in over my head 🙂

Ed

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#354904

<em>@ehoskins 193118 wrote:</em><blockquote>I would like to place an image in the left column (the narrow column) above other features that come with this theme. I created a module for “custom html” that gives me an editor so that I can have an image appear where I want it.

The problem is that the left column has an indent on both sides of it, which works quite will for most types of content that you would place over there. However, I would like my image to be flush with the top and both sides of the left column. I would imagine that this will take some custom coding somewhere. Maybe it needs to be a new module over on the left above the current left content module, so that it doesn’t have any vertical or horizontal indenting.

I was hoping someone could point me in the right direction, because I feel like I am in over my head 🙂

Ed</blockquote>

Dear ehoskins,

In this case you should create a suffix class for your custom module,For example you create a suffix class that name _test,then adding some styles for the class as below
div.moduletable_test .ja-box-ct {

padding:0px !important;
}

I Do hope this make sense !

[ehoskins Friend ehoskinsJoin date: September 2010Posts: 3Downloads:0Uploads:0]

#354948

Thank you! That worked perfectly. One more question. There is a heading space at the top of the left column. Do you know how I can suppress that? You can see what I mean on this page:

http://specialhope.org/index.php?option=com_contact&view=contact&id=1&Itemid=2

Thanks again for your help!

Ed

[gray Friend grayJoin date: October 2009Posts: 957Downloads:0Uploads:17 Thanks: 28 Thanked: 292 times in 230 posts]

#354951

<em>@ehoskins 193257 wrote:</em><blockquote>Thank you! That worked perfectly. One more question. There is a heading space at the top of the left column. Do you know how I can suppress that? You can see what I mean on this page:

http://specialhope.org/index.php?option=com_contact&view=contact&id=1&Itemid=2

Thanks again for your help!

Ed</blockquote>

It seems you have one more module assigned to the left column position and it’s empty. In any case, I found this code above the “flower”


<div class="ja-moduletable moduletable clearfix" id="Mod17">
<div class="ja-box-ct clearfix"> </div>
</div>


[ehoskins Friend ehoskinsJoin date: September 2010Posts: 3Downloads:0Uploads:0]

#354953

Thank you! I had JA Tabs enabled! I’m all set now.

[Author]

Posts