You need to be logged in to post in the forum - Log In
An active JCE Pro Subscription is required to post in the forum - Buy a Subscription
- Support
- Forum
- JCE Editor
- icon and file name not on the same line with File Manager
Support is currently Online
Official support hours:
Monday To Friday
From 09:00 To 17:00 Europe/London (BST)
From 09:00 To 17:00 Europe/London (BST)
Hi,
I wish the list of attached files appeared like in the JCE input area
but it actually shows like this
Here is the auto-generated code:
<p><a href="images/allegati/Allegato-3-Scheda-di-sintesi-2021.pdf" target="_blank" class="wf_file"><img src="media/jce/icons/pdf.png" alt="pdf" class="wf_file_icon" style="border: 0px; vertical-align: middle; max-width: inherit;" /><span class="wf_file_text">Allegato 3. Scheda di sintesi 2021</span></a></p>
What am I supposed to edit (once!) in order to have pdf icon and file name on the same line?
Thank you
Andrea
I wish the list of attached files appeared like in the JCE input area
but it actually shows like this
Here is the auto-generated code:
<p><a href="images/allegati/Allegato-3-Scheda-di-sintesi-2021.pdf" target="_blank" class="wf_file"><img src="media/jce/icons/pdf.png" alt="pdf" class="wf_file_icon" style="border: 0px; vertical-align: middle; max-width: inherit;" /><span class="wf_file_text">Allegato 3. Scheda di sintesi 2021</span></a></p>
What am I supposed to edit (once!) in order to have pdf icon and file name on the same line?
Thank you
Andrea
Your template stylesheet includes the following css rule for images:
The display:block style is what is forcing the image to be on a new line. You can fix this in a number of ways:
Add the any of the following to your template stylesheet:
or
or
The last one specifically targets the file link icon.
img {
display: block;
max-width: 100%;
height: auto;
}
The display:block style is what is forcing the image to be on a new line. You can fix this in a number of ways:
Add the any of the following to your template stylesheet:
img {
display: inline-block;
}
or
a img {
display: inline-block;
}
or
img.wf_file_icon {
display: inline-block;
}
The last one specifically targets the file link icon.
Just because you're not paranoid doesn't mean everybody isn't out to get you.
Hi, thank you for your reply.
Here a page with the issue, but it occours on any single page in the site.
Here a page with the issue, but it occours on any single page in the site.
Your template stylesheet includes the following css rule for images:
The display:block style is what is forcing the image to be on a new line. You can fix this in a number of ways:
Add the any of the following to your template stylesheet:
or
or
The last one specifically targets the file link icon.
img {
display: block;
max-width: 100%;
height: auto;
}
The display:block style is what is forcing the image to be on a new line. You can fix this in a number of ways:
Add the any of the following to your template stylesheet:
img {
display: inline-block;
}
or
a img {
display: inline-block;
}
or
img.wf_file_icon {
display: inline-block;
}
The last one specifically targets the file link icon.
Just because you're not paranoid doesn't mean everybody isn't out to get you.
- Page :
- 1
There are no replies made for this post yet.
Be one of the first to reply to this post!
Be one of the first to reply to this post!