Recent
Categories
View Replies (6)

width of photos in articles with verona template

  1. Issue
0
Votes
Undo
  1. duleme
    duleme
  3. Commercial Templates
  4. Thursday, 21 November 2019
  5.  Subscribe via email
Hi I am a beginner so bare with me. I have a website and I am looking for a solution on the template I use (J51_Verona)
I need the photos in my article to be as wide as the template. On a phone the white margins in both sides are as wide as on a big screen and this makes the photos look like stamps. Is that possible to change? and how do I adjust that? Best Regards Peter
Responses (6)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Peter

Would you have a URL to an example of your images?

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
duleme
duleme
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran

Here is the link to one of my articles:
https://amazonas.dk/index.php/articles/brasilien-rio-xingu

I have attached a screenshot of what happens when its viewed on a phone. I wish that the text and images are as wide as the screen.

Best Regards
Peter
Attachments (1)
articlemargin.jpg articlemargin.jpg
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you Peter

To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

(edit to taste)

@media only screen and ( max-width: 767px ) {

.maincontent {

    padding-left: 10px;

    padding-right: 10px;

}}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 3
duleme
duleme
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you so much Ciaran! This was exactly what I needed. It looks amazing now! I like that template! Is it possible to add Pinch-to-zoom as well?
  1. more than a month ago
  2. Commercial Templates
  3. # 4
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Peter

In the Custom Head Code field (Template Settings -> Custom Code tab) try adding the following...

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5"/>


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 5
duleme
duleme
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you very much Ciaran. It works perfectly! Amazing
  1. more than a month ago
  2. Commercial Templates
  3. # 6
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!