Update – Had a chance to view on a tablet and the menu sits over the logo (on an ipad mini it was overlapping in both portrait and landscape). I’ve looked at so many solutions on here to what sound like similar issues but none work. It seems as though the menu is staying as-is until it resizes for mobile layout. At no point do I see the the dropdown for tablet.

Just in case my custom CSS is affecting this please see it below:

.main_menu ul:first-child>li a {
font-size: 16px!important;
}

#top .ls-wp-container { margin-top: 40px!important; }

.social_header .phone-info {
line-height: 12px;
font-size: 22px;
font-weight: bold;
}

body {
font-size: 15px;
}

.your-message textarea { height: 80px; }

.title_container .main-title {
margin: 0;
font-size: 30px;
position: relative;
z-index: 2;
min-height: 36px;
line-height: 2.3em;
top: 0;
font-weight: 400;
}

.js_active .tab { font-size: 22px;}

.tab {
background-color: black;
color: white;
}

Each element above has been taken from the corresponding forum solution for the required change.

Thanks

Mark

• This reply was modified 12 years, 3 months ago by MKW270210.

It works ! yeeeaah ! You’re the best !
Thanks a lot Yigit !

I wish I could but I’m working locally for the moment ! :(
I can come back later with this issue as soon as I’ll be able to send you a link… but that’s not soon.
If you can help before, if not, I’ll come back later !
Thanks anyway Yigit !
Marie

For some reason, the styling from both applies to my #footer .widget title. Here is what it looks like in my custom.css:

#footer .widgettitle {

	color: #E0DFFF !important;
	margin-bottom: 21px;
	font-weight: 900;
	font-size:16px;
	letter-spacing: 1px;
	text-shadow:1px 1px 1px rgba(10,10,10,0.68);
	text-transform: uppercase;

}

.widgettitle {

	font-size: 16px;
	background-color: rgb(51, 144, 145);
	box-shadow: 0 8px 6px -6px black;
	color:#fff !important;
	text-shadow:1px 1px 1px rgba(10,10,10,0.68);
	font-weight:bold;
	padding: 11px 0 0 0px;
	text-align: center;
	border-radius: 7px !important;
	padding-bottom: 12px;
	text-transform: uppercase;
}

It was just html text. This was it for one of the slides:

<h1 style=”text-align: center;”><span style=”color: #ffffff; text-shadow: 2px 2px 2px #000000;”>VOLUNTARIOS POR UN DÍA</span></h1>
<h3 style=”text-align: center;”><span style=”color: #ffffff; text-shadow: 2px 2px 2px #000000;”>Colaboramos con organizaciones sociales y educativas de los centros urbanos del país,</span></h3>
<h3 style=”text-align: center;”><span style=”color: #ffffff; text-shadow: 2px 2px 2px #000000;”>para brindarles ayuda material y colaborar con su tarea.</span></h3>
<p style=”text-align: center;”>[av_font_icon color="" icon="196" size="40px; text-shadow: 2px 2px 2px #000000;" position="center" link="" linktarget="no"]</p>

And it should look like this: http://i.imgur.com/Vo1VpKF.jpg as it did before updating today.

Hi Josue,

Yes the heading is correct, but the paragraph text under each heading is different spacing, font etc.

.main_color .pricing-table.avia-desc-col .avia-pricing-row {
border-color: #e1e1e1;
font-size:10px !important;
}

.gform_wrapper .gform_heading .gform_title {text-transform:uppercase}

.gform_wrapper .description, .gform_wrapper .gfield_description, .gform_wrapper .gsection_description, .gform_wrapper .instruction {
clear: both;
letter-spacing: normal;
}

it works, thanks a lot Ismael

I know about that but the heading style is too bold and if I use heading the text will be all in capital mode
Is there any way to just enlarge the body text? Thanks

like in here http://www.getushotel.com/
I want to enlarge this sentence:
“GetUsHotel memberikan jaminan harga terbaik!”

Is that possible?