/    Sign up×
Community /Pin to ProfileBookmark

Desperate need

Hello all! Cool place here and I hope with lots of experts. I have an HTML template for a mod on my site and I cannot for the life of me figure out how to get it how I want. Basically what I want to do is remove the left side images and move the titles on the right into its spot. I will post an image of what I am talking about and the code. See attached pic.

THANKS in advance for any advice and help!

[url]http://abettorcommunity.com/example.jpg[/url]

[code=html]<div class=”quick_links_elink” style=”background-color: white;”>
<div class=”lcont_top”>
<div id=”lcont_img__unit_id__” style=”left: 0px; position: left;”>
<a href=”__category_url__” class=”main_l”>
<img style=”top:10px; max-height:16px;” alt=”” src=”__category_cover_image__” width=”50px”/>
</a>
</div>
<div id=”js_control_section0__unit_id__” style=”padding-left: 5px;”>
<a href=”__category_url__” class=”main_l”>
__category_name__
</a>
</div>
<div class=”js_control_section” id=”js_control_section__unit_id__” title=”Show / Hide” bximg=”lcont_img__unit_id__” bxchild=”lcont_other__unit_id__” style=”background-position: 0px -17px;”></div>
</div>
<div class=”quick_links_elink_lcont” id=”lcont_other__unit_id__” style=”display: none; top:40px; background-color: white;”>
<a href=”__category_url__” class=”main_l”>
<img alt=”” src=”__category_cover_image__” style=”top:50px; width:80px; max-height:40px;”/>
</a>
<div class=”lcont_other” >
__sub_categories_list__
<div class=”clear_both”></div>
</div>
</div>
<script type=”text/javascript”>
var oShowHideController__unit_id__ = new ShowHideController();
$(“#js_control_section__unit_id__”).click( function() { oShowHideController__unit_id__.ShowHideToggle(this) } );
/*$(“#js_control_section0__unit_id__”).click( function() { oShowHideController__unit_id__.ShowHideToggle(“#js_control_section__unit_id__”) } );*/
</script>
</div>[/code]

to post a comment
HTML

6 Comments(s)

Copy linkTweet thisAlerts:
@jadhav_somaFeb 27.2012 — Hey,

Just remove the img tags in your code... then chnage below code in your css

.lcont_top {

padding-left: 5px;

}

Hope it will helpfull for you....
Copy linkTweet thisAlerts:
@wmublowsauthorFeb 27.2012 — Thanks for the reply! I managed to remove the images but I cannot find the code you are referencing to in any of the css files so now it looks like this

http://abettorcommunity.com/example2.jpg
Copy linkTweet thisAlerts:
@jadhav_somaFeb 27.2012 — here is the css file..

http://abettorcommunity.com/gzip_loader.php?file=bx_templ_css_d623442363c23f8abb6aa2bbfa3afaa4.css

line no. 610

.lcont_top {

padding-left: 5px;

}

If you not find the particular class on that css (may be you are using any CMS system or else) simply add the below code in your existing css file or your related php file ...

.lcont_top {

padding-left: 5px !important;

}
Copy linkTweet thisAlerts:
@wmublowsauthorFeb 27.2012 — You are the man! That worked! Man that was driving me crazy. OK, OK, now I will riddle you this batman......That code has a sub level to it and I managed to remove the image from the sub level just like you suggested for the main level, so now how do I move the stuff on the right over to the left?? Here is an image

http://abettorcommunity.com/example3.jpg
Copy linkTweet thisAlerts:
@jadhav_somaFeb 28.2012 — remove the padding as you last did....

Line no. 694

http://abettorcommunity.com/gzip_loader.php?file=bx_templ_css_9fd2ead2965b0b6481f4fc9697a9eced.css

.lcont_other {

padding-left: 0;

}

OR

(Add any css file or particular page)

.lcont_other {

padding-left: 0!important;

}

Do one more thing to achieve better solutions.... remove margin-left:15px;

from your html code example:

<a style="float:left; margin-left:15px;" class="sub_l">

NFL News - Fox Sports

</a>
Copy linkTweet thisAlerts:
@wmublowsauthorMar 01.2012 — Perfect! Thanks again for helping me with this. I truly appreciate it!
×

Success!

Help @wmublows spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.18,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...