How to STOP image resize in articles - JF Texturia - Joomla Templates

It's time to pass this project on to someone passionate about continuing its journey. joomfreak offers a unique opportunity to build upon a well-established platform and keep providing the Joomla community with quality templates and tools.

If you're interested, we'd love to hear from you!
[email protected]

Welcome, Guest

joomfreak.com Support Forum

TOPIC: How to STOP image resize in articles

How to STOP image resize in articles 27 Apr 2012 10:22 #171

I have a question.
Every image I add to articles are shown resized to article width.
Is there a way to stop this or set this per image?
Thnx

Reply Quote

Posts:29
stijnmenkehorst
Junior Boarder
OFFLINE
Karma: 0

Re: How to STOP image resize in articles 28 Apr 2012 02:25 #175

.article-content p img {
    width: 672px;
}
template.css (line 1009)
.item_lead p img, .contentpaneopen p img {
    border: 2px solid #C8C8C8;
    clear: both;
    display: block;
    margin: 0 auto 15px;
    padding: 3px;
    width: 599px;
}

In templates/jf_texturia/css/template.css file line : line 1009 you can remove 2 line:
width: 672px; and width: 599px;

Reply Quote

mars

Re: How to STOP image resize in articles 01 May 2012 15:14 #222

I removed those lines and I still am having an issue with image sizes. I have an image in an article that I want a specific size and it's still over 500px in width.

Here is a link to the page so you can see what I mean

joomla.instituteforselfachievement.com/dimo-s-desk

Reply Quote

Posts:13
SocialDzine
Fresh Boarder
OFFLINE
Karma: 0

Re: How to STOP image resize in articles 01 May 2012 15:57 #223

Around line 992 in template.css please replace the code there for the following.
Make sure to backup the old template.css

 
/* Component Specific Fixes */
 
#component-contact table td {padding: 2px 0;}
.item_lead p img,.contentpaneopen p img{}
.item_lead p,.contentpaneopen p{padding-left:65px;}
.article_column p img{}
.article_column p{padding-left:15px;}
.jf-date-content{float:left;display:block;background:url(../images/jf_date2.png) no-repeat;width:64px;height:53px;margin-right:8px;color:#fff;font-family:tahoma !important;font-size:40px;text-align:center;padding-top:5px;}
.jf-date-content span{display:block;font-size:11px;font-weight:bold;font-family:tahoma !important;margin-top:-5px;}
.article_column .contentheading{font-size:16px !important;padding-bottom:0px;padding-left:15px;}
.article-content p{padding-left:0px;margin-top:10px;}
.article-content p img{}
 
/* ++++++++++++++  blog  ++++++++++++++ */

Reply Quote

The following user(s) said Thank You: SocialDzine

Posts:29
stijnmenkehorst
Junior Boarder
OFFLINE
Karma: 0

Reply Topic

New Topic

Page:
1

joomfreak.com Support Forum

TOPIC: How to STOP image resize in articles

How to STOP image resize in articles 27 Apr 2012 10:22 #171

Re: How to STOP image resize in articles 28 Apr 2012 02:25 #175

Re: How to STOP image resize in articles 01 May 2012 15:14 #222

Re: How to STOP image resize in articles 01 May 2012 15:57 #223

Account Details

Your Forum Posts

Support

Company

Who´s online