ok – the tab font size is also too small – how to increase?
Is there a chart you have where we can see which css titles you have given to elements so we can find ourselves and write the css without having to ask you each time?

Thanks!
We would like to alter all sizes and type possibilities, especially where the typography only allows UPPER CASE letters.
We would like the main menu larger to begin – this is too small for viewers over 40 years.

Could you also please inform us how to set up a side menu – identical to the drop down menu under the main menu.
We assume that this is possible – yes?

Thanks for the reply
: )

Thanks!
But we would like to change the sizes!
this are much too small for the new generation websites where minimum size is at 16pt.
Is this possible at all?

Do we have to go into the child theme and write an entirely new css for this?
or is there some possibility to tweak?
We understood before purchase that the ability to work with the typography is possible.

Thanks!
Best regards,

dara emerson

the code for the social bar doesnt work.

is there a conflict in some of my CSS style code?

#top .main_menu .menu li a { font-size: 18px; color: white; background-color: #4787f3; }
#top .main_menu .menu li a:hover { background-color: #4787f3; color: grey; }

#top .header_color .main_menu .menu ul li a{
background-color: #4787f3;
color: #ffffff;
font-size: 17px;
}
#header_main {
background: #4787f3;
}
@media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive .main_menu ul:first-child > li > a {
padding: 0 8px;
font-size: 17px;
}
@media only screen and (max-width: 767px) and (min-width: 480px) {
.woocommerce .template-shop.content.nine.units {
width: 100%;
}
@media only screen and (max-width: 989px) and (min-width: 768px) {
.woocommerce .template-shop.content.nine.units {
}
.grid-content {
height: 70px;
}
.woocommerce .sidebar {
display: none !important;
}
.woocommerce .template-shop.content.nine.units {
width: 1030px;
border: none;
}
.header_color .sub_menu>ul>li>a {
font-size: 12px;
color: #0e75bf;
}
#top .main_menu .menu a {
color: white;
}
#top .main_menu .menu a:hover {
color: white;
}
.main_menu ul:first-child > li > a {
font-size: 17px;
font-weight: 700;
color: white;
}

#footer .widget {
padding: 30px 0 30px 0 !important;
}
.numeric_controls, .arrow_controls {
position: absolute;
bottom: 100px;
}

#top .sidebar_tab_content.sidebar_active_tab_content {
background-color: #fff;
color: black;
}
#top .sidebar_tab.sidebar_active_tab {
background-color:#0e75bf;
color: #fff;
}
.slideshow_color .breadcrumb, .slideshow_color .breadcrumb a {
color: #0e75bf;
}
.numeric_controls, .arrow_controls {
position: absolute;
bottom: 10px;
}
#top .ajax_controlls {
top: 70%;
}
#footer .widget_nav_menu li a {
font-size: 20px;
}

#menu-item-1045 a, #menu-item-1044 a, #menu-item-1043 a, #menu-item-1988 a {
color: #FFF;
font-size: 25px;
}
#footer .widget_nav_menu li a {
text-align: center;
}
.iconbox_icon {
background-color: white !important;
}
.widget_nav_menu h3.widgettitle {
text-align: center;
}
#top .iconbox {
width: 100%;
}
#top .avia_mega_div {
background-color: #f5f2f5;
color: grey;
}
#top .avia_mega_div .sub-menu {
background-color: #f5f2f5;
color: grey;
}
#top .avia_mega_div .menu-item ul {
background-color: #f5f2f5;
color: grey;
}
#top .main_menu .menu ul li a {
background-color: #f5f2f5;
color: white
}
.sidebar_tab_title {
margin-left: 10px !important;
}
#js_sort_items a {
font-size: 19px;
}
#top.woocommerce-page .woocommerce-ordering select { width: 25%; }

@media only screen and (max-width: 767px) {
#top.woocommerce-page .woocommerce-ordering select {width: auto; }
}
.chzn-container {
position: initial;
}
#top .chzn-container .chzn-drop {
top: 70px !important;
width: 325px !important;
margin-left: 3px;
}
.woocommerce-pagination {
display: none;
}
#top.tax-product_cat .container > .term-description {
display: none;
}
.added_to_cart {
display: none;
}
.form-row.address-field{
overflow: visible;
}
#top .chzn-single div b {
background-position: 5px 6px !important;
}
.widget .gform_wrapper .gform_footer br{
display: none !important;
}
div .main_color .active_tab {
background-color: #0e75bf;
color: #FFF;
}
div .main_color .tabcontainer .active_tab {
color:#FFF;
}
#top .main_color .tabcontainer .tab:hover {
#FFF:

}
.main_menu ul:first-child > li > a {
padding: 0 5px;

}
#top .main_menu ul:first-child > li > a {
padding: 0 13px;

}
.social_header .phone-info.with_nav span {
color: orange;
font-size: 20px;
}

Hi

Ismael. It was on a 17″ computer screen but I still have big problems that I really need to resolve now.

My logo is : 250 x 101 so it’s not big.
The problem I think is that my menu has to be written in capitals.

When I am on 17″ computer I have this problem: The logo is WAY TOO CLOSE to the nav bar text. And it even goes on the first word when the page first appears.
https://www.dropbox.com/s/5iz4ngqfhn0uxed/mariage_in_oui___Cr%C3%A9ateur_de_Mariages_de_R%C3%AAves_%C3%A0_l_Etranger.jpg
AND on ipad look what I have.
https://www.dropbox.com/s/oadbyqxlukzdxzv/IMG_1087.PNG

But when it’s enfold default logo it’s almost perfect (still too close but better) (on computer screen)

https://www.dropbox.com/s/n5p25999q0mo4w3/Banners_and_Alerts_et_mariage_in_oui___Cr%C3%A9ateur_de_Mariages_de_R%C3%AAves_%C3%A0_l_Etranger.jpg

In my css I have all of these:

@media only screen and (max-width: 989px) and (min-width: 768px){
.responsive .mobile_menu_tablet .main_menu {
display: block!important; }}

div .logo { left: -30px; }

@media only screen and (min-width: 768px) and (max-width: 989px) {
.main_menu ul:first-child > li > a {
padding: 0 10px !important;
font-size: 12px;
}
}

I really need to fix this..Please.

Kind regards

Delphine