Template Cassiopeia

Everything to do with Joomla! 4.x templates and templating.

Moderator: General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Post Assistant - If you are serious about wanting help, you will use this tool to help you post.
Windows Defender SmartScreen Issues <-- please read this if using Windows 10.
Post Reply
zyga51
Joomla! Apprentice
Joomla! Apprentice
Posts: 5
Joined: Mon Nov 08, 2021 7:54 am

Template Cassiopeia

Post by zyga51 » Wed Jan 26, 2022 10:50 am

I have a question about Cassiopeia in the Article to make a space between the image and the content after displaying, read the image on the left or right side and reduce the header of the content of the article
You do not have the required permissions to view the files attached to this post.
Last edited by toivo on Mon Jan 31, 2022 11:20 am, edited 2 times in total.
Reason: mod note: retitled - subject only in English in this sub forum, please!

User avatar
xplosion
Joomla! Guru
Joomla! Guru
Posts: 704
Joined: Thu Aug 18, 2005 9:18 pm
Location: Rome
Contact:

Re: Templatka Cassopeia

Post by xplosion » Mon Jan 31, 2022 11:05 am

Edit the article, go to source code, search for your image and then edit the img tag and add a float and a margin attribute. The code will look like this:

Code: Select all

<img style="float: left; margin-right: 20px margin-bottom:0;" src="images/sampledata/cassiopeia/nasa3-400.jpg" width="400" height="400" />
www.tanase.it - Documentazione e Guide Gantry 5 in italiano, per creare Template Joomla! professionali!

User avatar
AMurray
Joomla! Exemplar
Joomla! Exemplar
Posts: 7633
Joined: Sat Feb 13, 2010 7:35 am
Location: Australia

Re: Template Cassiopeia

Post by AMurray » Tue Feb 01, 2022 12:06 am

You could also create a custom class for the img tag (placed in your template's user.css file).

So you'd do it like this, such as:

Code: Select all

.yourpic {float: left; margin-right;20px margin-bottom:0;"}
then in your image tag:

Code: Select all

<img class="yourpic" />
Just cleaner than inline styles - but achieves the same outcome.
Regards - A Murray


Post Reply

Return to “Templates for Joomla! 4.x”