Recent
Categories
View Replies (6)

Template Sophia showcase - slideshow vs picture

0
Votes
Undo
  1. fume
    fume
  3. Commercial Templates
  4. Wednesday, 20 March 2019
  5.  Subscribe via email
I have read that the modul position showcase does not work for Sophia. It works with showcase-1a. Here is my question:

I don't need a slideshow. In my project I have for every site only one single picture. Is it possible to use the custom modul? If yes, how can I arrange it?
One big reason is the reduction of javascript => performance.
Responses (6)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Yes a custom module can be used by simply adding the image to the module an placing it in the showcase-1 module position. Note if you wish the image to be centred/ full width you can add the following to the Custom CSS field of your template settings..

Edit to taste.

.showcase-1 img {

    margin: 0 auto;

    display: block;

    width: 100%;

}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
fume
fume
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you, it works. I could reduce page size an requests.
Only one point I couldn't solve. I added height with 100 %. But there is still a black stripe below the picture.


.showcase-1 img {

    margin: 0 auto;

    display: block;

    width: 100%;

    height: 100%;

}

Head_black_stripe.PNG
Attachments (1)
Head_black_stripe.PNG Head_black_stripe.PNG
  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

Would you have a URL to an example of this issue?

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 3
fume
fume
Accepted Answer Pending Moderation
0
Votes
Undo
This is the link.
  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
Thank you

It appears your image is wrapped in a paragraph tag. To remove the paragraph bottom margin you can also add the following to your Custom CSS field...

.showcase-1 p {

    margin-bottom: 0;

}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 5
fume
fume
Accepted Answer Pending Moderation
0
Votes
Undo
Great! This was the solution. Thank you.
  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!