pyramisa

Andrew, you are the best. It worked like a charm.
Thank you!

I am trying with inline css, but since I am a complete noob it does not seem to work out.

Here is the custom code in the revolution slider:

<div class=”header-slider”>
<h2>Cairo</h2><div class=”bookbuttons”>Book now</div>
<div class=”visithotel”><p>Visit hotel</p><p>More information</p></div>
<div class=”localtime”>Local time</div>
<div class=”clock” id=”id390181″> </div>
<div class=”localweather”>Local temperature</div>
<div class=”tempsep”>/</div>
<div class=”tempc”>[awesome-weather location=”Cairo” units=”C” size=”tall” override_title=”Sahl Hasheesh” forecast_days=”0″ hide_stats=1 custom_bg_color=”rgba(0,0,0,0)” ]</div>

<div class=”tempf”>[awesome-weather location=”Cairo” units=”F” size=”tall” override_title=”Sahl Hasheesh” forecast_days=”0″ hide_stats=1 custom_bg_color=”rgba(0,0,0,0)”] </div>

</div>
<div class=”blackcover”></div>

=========================

That’s the code in Style.css

.awesome-weather-current-temp sup {
font-size: 24px;
padding-left: 3px;
top: -19px !important;
}

.localweather {
font-size: 14px !important;

position: absolute !important;
right: 5px !important;
top: 125px !important;
min-width: 150px !important;
}

.clock {
border-right: 1px solid #fff !important;
font-size: 48px !important;
line-height: 50px !important;
padding-right: 25px !important;
position: absolute;
right: 205px;
top: 140px;
min-width: 120px !important;
}

.localtime {
font-size: 14px !important;
font-weight: 600;
position: absolute;
right: 233px;
top: 125px;
}
.header-slider1 .localtime {top:10px !important;}
.header-slider1 .clock {top: 25px !important;}
.header-slider1 .localweather {top:10px !important;}
.header-slider1 .tempsep {top:39px !important;}
.header-slider1 .tempf, .header-slider1 .tempc {top: 15px !important;}
.visithotel p {margin-bottom:5px; font-weight: 600 !important;}

its completely custom.

Fixed. I’ve added the absolute path and it worked like a charm.

I’ve had a professional translator to do it for me, so I guess it won’t hurt rankings.

Actually I think I got it fixed by removing the fixed size in pixels for the class –

.h1-bg{
background-color:rgba(0,0,0,0.1);
width:100%;
height:100%;
}

the main problem now is that my darker transperant layer is only covering 1/3 of the box. I have no idea why.

Thank you Vincent. I will try to fix those issues.