ivanivanivan23

thank you Sven, I will try this!

https://www.evolutionisland.com/

I am just starting with it, nothing done yet. Them is Fireup from https://www.theme-junkie.com – they advised me to contact WP helpdesk for this issue.

Thank you ??

anyone can advise please? Thank you…

managed to fix it this morning thanks to your advice!!!

I used the following CSS using a customer CSS plugin and it worked:

.header-adsense {

width: 468px;
height: 60px;
float: right;
margin: 30px 300px 10px 10px;
}

thank you so much!!!

great, thank you!!! i will give the plugin a try!

thank you!
so in the header.php i will need to remove the existing code, add the one above, and then format the style in the CSS?
I guess it is ok to just add this at the bottom of the CSS file?

I will play around with tomorrow morning and see if i manage. Thank you very much for your support!

Sorry for posting again here, i posted in the “Awaken” section before, but never got a reply ??

I have found here the different type of positioning, but I am not sure which one to use. I try “fixed” but doesn’t really do what I was hoping for unfortunately. Any suggest on which one to pick?

https://www.w3schools.com/css/css_positioning.asp

Thank you ??

sure, the site is https://www.crazyfootballmoments.com/

I am not really experienced with coding, just trying to find my way around, wouldn’t be sure how to write the CSS code to have the banner float on smaller screen, i wonder if instead it would be possible to write the code within the HTML?

Thank you again!

this is fantastic!!!! thank you so much!!!!

I have one more question, maybe you can help ?? : the banner now looks perfect on full page, however whenever the screen is smaller (or in mobile devices for example) i would like it to float to the right of the title. Could you please advise how should i change the positioning in the code in order for it to happen? Thank you again for your help, much appreciated!

Thank you so much!!! you are a genius!!! i applied the changes and they are working well now!!! as soon as i have a minute i will update all the videos on the site, will take me quite a bit of time, but that’s ok ??

Thanks again!

Hi, I have added a test page now:

https://www.crazyfootballmoments.com/test/

Basically I would like for these video/descriptions not to resize to much, just have the user to scroll across with the bar.

Also, i removed the margin but I would like to have a margin between videos (like in the other pages), I just would like the same margin to be kept when the window is smaller and the text to start at the same height as each video, also when the window is resized smaller.The user should just use the scrollbars if page is too big for their screen.

Thank you so much for your time on this, very much appreciated! ??

thank you again! It looks better but there are couple of problems:

1) Text starts about 1 line above the video:

[IMG]https://i60.tinypic.com/2193×45.jpg[/IMG]

2) Also the main problem is when i resize the window really small, the text of the video above will keep going down along the video underneath and then mess it up.

I basically should would like for these video/descriptions not to resize to much, just have the user to scroll across with the bar, like youtube for example:

[IMG]https://i57.tinypic.com/2urrurm.jpg[/IMG]

thank you so much!

Following the last advice from QXARE I also did this, but it not working – not sure I have done it right though:

<p style=”float: right; width: 30%;”>TEXT HERE</p>

<div id=”video-container” padding-bottom:”37.125%;” style=”inline;”><iframe width=”480″ height=”270″ src=”https://www.youtube.com/embed/LC_f9CB1Pmg&#8221; frameborder=”0″ allowfullscreen padding-bottom:37.125%;></iframe> </div>

I did not touch the CSS stylesheet.

I run a couple of tries but didn’t manage to get it work.

First I did this:

<p style=”float: right; width: 30%;”>TEXT GOES HERE</p>

ON HTML:

<div class=”video-container”><iframe width=”480″ height=”270″ src=”https://www.youtube.com/embed/LC_f9CB1Pmg&#8221; frameborder=”0″ allowfullscreen></iframe></div>

ON CSS:

/* Video Widget */
.video-container {
position: relative;
padding-bottom: 37.125%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

basically I changed the padding to 37.125% but the result was that the video got really big and problem persisted.

Second I tried this:

<p style=”float: right; width: 30%;”>TEXT GOES HERE</p>

<div class=”VIDEO”><iframe width=”480″ height=”270″ src=”https://www.youtube.com/embed/LC_f9CB1Pmg&#8221; frameborder=”0″ allowfullscreen></iframe></div>

.VIDEO {
width: 66%;
padding: 0 0 37.125%;
height: 0;
position: relative;
}

.VIDEO iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

But everything stayed the same.

Note in both cases I only edited one video in the page.

Could you please advise what I am doing wrong? ??