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
- how do i make the video the same size as the image
Support is currently Offline
Official support hours:
Monday To Friday
From 09:00 To 17:00 Europe/London (BST)
From 09:00 To 17:00 Europe/London (BST)
Please post your question in the Forum and we will get back to you as soon as we can.
Hi,
How do I make the video to be the same size as the image to the left of it. Please explain well and give step-by-step details. I want them to be on the same line, next to each other. The image size is 400 X 227. I tried using the Div and uk-margin-top setting feature like you in a previous situation but it didn't work.
http://prntscr.com/npndhw
http://prntscr.com/npnejn
Thanks,
Louis
How do I make the video to be the same size as the image to the left of it. Please explain well and give step-by-step details. I want them to be on the same line, next to each other. The image size is 400 X 227. I tried using the Div and uk-margin-top setting feature like you in a previous situation but it didn't work.
http://prntscr.com/npndhw
http://prntscr.com/npnejn
Thanks,
Louis
The easiest way to do this is to use the "flex" styles provided by your template. These are handy shortcuts for creating FlexBox layouts - https://css-tricks.com/snippets/css/a-guide-to-flexbox/
In the example below, using your existing article, I do the following:
The image looks a little stretched in the editor display, but you can see in the Preview that it displays perfectly, with both the image and video neatly centred and the same size.
[video]https://cdn.joomlacontenteditor.net/tmp/99981-how-do-i-make-the-video-the-same-size-as-the-image.mp4[/video]
In the example below, using your existing article, I do the following:
- Edit the Youtube video in the Media Manager, and remove the uk-margin-top style.
- Select the image, and remove the margin from it using the Remove Formatting button (easier than opening the Image Manager to do this simple task). We won't need this margin because of the flex box styling.
- Click somewhere in the paragraph, and select Paragraph from the Format list to remove it, as we are already inside a DIV and don't need the additional paragraph.
- Click on DIV in the Path at the bottom of the editor to select it, then open the Attributes dialog. In the Classes field, add the flex classes - uk-flex uk-flex-center uk-flex-wrap
The image looks a little stretched in the editor display, but you can see in the Preview that it displays perfectly, with both the image and video neatly centred and the same size.
[video]https://cdn.joomlacontenteditor.net/tmp/99981-how-do-i-make-the-video-the-same-size-as-the-image.mp4[/video]
Just because you're not paranoid doesn't mean everybody isn't out to get you.
more than a month ago
·
#100127
Thanks Ryan for responding to both of my emails. I will get a chance to view them in detail this week, and try them out.
Also, I don't know why I'm no longer receiving your email notifications. I used to in the past. Today I added your email address to my address book and also to my safe senders list.
Louis
Also, I don't know why I'm no longer receiving your email notifications. I used to in the past. Today I added your email address to my address book and also to my safe senders list.
Louis
more than a month ago
·
#100128
And quickly,
Can you change the color or show me how to permanently change the color of this line - http://prntscr.com/nwv9fk, from grey to black, so that it will stand out more. The grey is too light. I want it to be black from now forward, for the entire site.
I would immensely appreciate it.
Louis
Can you change the color or show me how to permanently change the color of this line - http://prntscr.com/nwv9fk, from grey to black, so that it will stand out more. The grey is too light. I want it to be black from now forward, for the entire site.
I would immensely appreciate it.
Louis
Can you change the color or show me how to permanently change the color of this line - http://prntscr.com/nwv9fk, from grey to black, so that it will stand out more. The grey is too light. I want it to be black from now forward, for the entire site.
This is best done with a css rule in your template stylesheet, eg:
hr {
border-top: 1px solid black;
}
Just because you're not paranoid doesn't mean everybody isn't out to get you.
more than a month ago
·
#100139
Thanks,
So, I just click on the code tab and change (type in the code) the html code here, http://prntscr.com/nxbfkn
I don't see "border-top" anywhere!!
So, I just click on the code tab and change (type in the code) the html code here, http://prntscr.com/nxbfkn
I don't see "border-top" anywhere!!
So, I just click on the code tab and change (type in the code) the html code here, http://prntscr.com/nxbfkn
I don't see "border-top" anywhere!!
No, you add need to add the code I provided to your template's custom.css file.
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!