[SOLVED] Full article images not responsive - Joomla Templates & Wordpress Themes

Welcome, Guest

[SOLVED] Full article images not responsive

(1 viewing) (1) Guest

Page:
1

TOPIC: [SOLVED] Full article images not responsive

[SOLVED] Full article images not responsive 10 years, 9 months ago #11453

GHofm
OFFLINE
Single Product
Fresh Boarder
Posts: 8
Karma: 0

Hello Smartaddons support team.

I'm very happy with SJ Plus and plan to buy the copyright removal. Yet there is one big issue for me: The "full article images" are not responsive but fixed in size.

Solved the first part! Added max-width: 100% to the two parent elements of the full article image when in article view (both changes done to template_mycolor.css:

div.img_caption {
  position: relative;
  max-width: 100%;
}

.item-page .img-fulltext.pull-left {
  margin-right: 1.5em;
  max-width: 100%;
}

Second question: I'd like the images without the overlay in article mode so it's just an image without the fancy stuff showing up when hovering over it. How can I achieve that?

Thanks for your help!

Last Edit: 10 years, 9 months ago by GHofm. Reason: Solved issue #1

The topic has been locked.

Re: Full article images not responsive 10 years, 9 months ago #11473

SA Thuy

Dear godfrey ho,

About your second question:

Please go to localhost/sj_plus_test/templates/sj_plus/css/template_yourcolor.css and find all the code:

background-color: rgba(102,102,102,0.5);

=>
You can add the code: 'display: none;' in these classes obtain the above code.
Example:

.blog .items-leading .item .item-image .image-overlay {
  width: 100%;
  height: 100%;
  background-color: rgba(102,102,102,0.5);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}

.blog .items-leading .item .item-image .image-overlay {
  width: 100%;
  height: 100%;
  background-color: rgba(102,102,102,0.5);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
display: none;
}

Thanks

The topic has been locked.

Re: Full article images not responsive 10 years, 9 months ago #11494

GHofm OFFLINE Single Product Fresh Boarder Posts: 8 Karma: 0	Thank you for the reply!
	The topic has been locked.

New Topic

Page:
1

SmartAddons

Public Forums

Free Joomla Templates

SJ Plus

Time to create page: 0.20 seconds

Notification

Please find your issue via Suggested Posts before submitting your question. We have solved the most of issues and maybe your issue was solved before.

TigerHostings - WordPress Hosting Service

eMarket - Multipurpose MarketPlace OpenCart 4 Theme

AutoParts - Auto Parts, Tools, Equipments & Accessories Shopify Theme

Latest My Topics

No posts to display.

TOPIC: [SOLVED] Full article images not responsive

[SOLVED] Full article images not responsive 10 years, 9 months ago #11453

Re: Full article images not responsive 10 years, 9 months ago #11473

Re: Full article images not responsive 10 years, 9 months ago #11494

Notification

Latest My Topics

Love all our templates?

From Our Blog

All-in-One Solution

Custom Work Service

Our Services

Joomla Extensions

Our Brands

Connect with us