Recent
Categories
View Replies (10)

Elvira Blog Layout

  1. Issue
0
Votes
Undo
  1. Shell
    Shell
  2. Sherlock Holmes
  3. Commercial Templates
  4. Thursday, 03 May 2018
  5.  Subscribe via email
Afternoon Ciaran

Question re: the 3 column blog layout in Elvira...

All up and running but the image doesn't cover the full column width. Have tried with rescaled images but it doesn't fill the full column as on the demo template. Screenshot attached and link to the page below, can you help me?

http://collett2018.users.ds60213.dedicated.interdns.co.uk/index.php/our-story/news

Cheers!
Shell
Responses (10)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Shell

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

.pull-left.item-image {

    margin-right: 0;

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Shell
Shell
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Morning Ciaran

Tried it but it's pulling in the title aside the image rather than centring the image? Screenshot attached.
Attachments (1)
Capture.JPG Capture.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
Hello

To amend you can add the following to the Custom CSS field of your template settimgs..

.pull-left.item-image {

    float: none;

}


Alternatively you can set the Image Float field to None for each of your articles.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Shell
Shell
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
It's still not playing the game! :(
Attachments (1)
Capture.JPG Capture.JPG
  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 Shell

Firstly replace the previous CSS with the following...

.pull-left.item-image {

    float: none;

    margin-right: 0;

}


Second increase the size of your images as they are currently not wide enough to fill the width of your following text.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 5
Shell
Shell
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks Ciaran, what dimensions would you suggest? I've tried this a couple of times.
  1. more than a month ago
  2. Commercial Templates
  3. # 6
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Shell

A min width of 360px should be sufficient .

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 7
Shell
Shell
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Got one more for you Ciaran, sorry to be a pain!

When you're at the base of the page hovering over the 'news' section I've created. The title of the linked article pops up over the top menu and it cuts the menu from being full page width, screenshot attached...

Cheers
Shell
Attachments (1)
Capture.JPG Capture.JPG
  1. more than a month ago
  2. Commercial Templates
  3. # 8
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Shell

Just wondering have you since been able to resolve this issue as we are currently unable to replicate (Chrome & Firefox).. https://screenshots.firefox.com/cVRSj09VwIN3718l/collett2018.users.ds60213.dedicated.interdns.co.uk

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 9
Shell
Shell
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Strange, it's stopped doing it now!
  1. more than a month ago
  2. Commercial Templates
  3. # 10
  • Page :
  • 1


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