1. Stepien
  2. Commercial Templates
  3. Sunday, 16 June 2019
  4.  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
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
Accepted Answer Pending Moderation
0
Votes
Undo
  1. more than a month ago
  2. Commercial Templates
  3. # 2
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
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
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!

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters
the trademark holder in the United States and other countries.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok