Recent
Categories
View Replies (5)

Chloe - intro image in article

  1. Issue
0
Votes
Undo
  1. Stepien
    Stepien
  3. Commercial Templates
  4. Sunday, 16 June 2019
  5.  Subscribe via email
How to change the position of the intro picture? Switching in article options and global settings doesn't work.
How to make a text float the picture? This is very important on mobile devices.
I have the impression that these settings are somewhere overwritten and I can't find it.

http://pomeraniacantat.pl/index.php/baltycki-konkurs-chorow/festiwal-2019/jury
Responses (5)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Thank you for bringing this to our attention.

To amend you can add the following to the Responsive Custom CSS fields within the General -> Responsive Options tab of your template settings. For more details on using these fields may I suggest the following article... https://joomla51.com/tutorials/template-parameters/applying-custom-css-to-a-screensize-device

.blog-alternative .item {

    flex-direction: column;

}


If you wish to move the image before the article on smaller screens then you can also add the following...

.blog-alternative .item-image {

    order: -1;

}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Stepien
Stepien
Accepted Answer Pending Moderation
0
Votes
Undo
I know these Flex parameters. This is not the point. I want to get the effect you've helped to do here (Maya template):
http://pescart-cp374.webjoomla.es/actualidad/28-si-va-a-haber-noticias-esta-es-una-2
https://www.joomla51.com/forum/maya-text-won-t-wrap-image-if-set-from-images-and-links-tab-in-articles
  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

Your example uses the Category Blog - Alternative menu item. The Maya template example uses the Category Blog. To change navigate to Menus -> [YourMenu] -> [YourMenuItem]. From the Menu Item Type field select Category Blog - Alternative.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Stepien
Stepien
Accepted Answer Pending Moderation
0
Votes
Undo
OMG! My mistake.
How to change intro image position so the picture appears under the article and not over?
  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
Hello

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

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

.item-image {

    order: 1;

}

.article-body {

    display: flex;

    flex-direction: column;

}}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 5
  • Page :
  • 1


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