Hi Rikard,

Thanks for your help. I just found the solution to my problems. It was in the css code which i created during my time of using enfold. I’m not sure where but when I used my website without the css styling code, the problem disappeared. I just found out that most of my css edits can be replaced by edits in the theme-editor.

Kind regards for your help!
Jan

Four your idea, how my CSS used to look:

.form-allowed-tags { display:none; }
h1, h2, h3, h4, h5, h6, #top .title_container .main-title, tr.pricing-row td, #top .portfolio-title, .callout .content-area, .avia-big-box .avia-innerbox, .av-special-font, .av-current-sort-title{font-family: Arial, ‘HelveticaNeue’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif;}

.logo a img {display: inline-block; vertical-align: middle;}

#header .menu-item a {line-height: 133px!important;}

.header_color .sub_menu>ul>li>a, .header_color .sub_menu>div>ul>li>a, .header_color .main_menu ul:first-child > li > a, #top .header_color .main_menu .menu ul .current_page_item > a, #top .header_color .main_menu .menu ul .current-menu-item > a, #top .header_color .sub_menu li ul a {color: #604a7b;}
#footer .widgettitle {color: #fcd5b5;}
.main_color .meta-color, .main_color .sidebar, .main_color .sidebar a, .main_color .minor-meta, .main_color .minor-meta a, .main_color .text-sep, .main_color blockquote, .main_color .post_nav a, .main_color .comment-text, .main_color .side-container-inner, .main_color .news-time, .main_color .pagination a, .main_color .pagination span, .main_color .tweet-text.avatar_no .tweet-time, #top .main_color .extra-mini-title, .main_color .team-member-job-title, .main_color .team-social a, .main_color #js_sort_items a, .grid-entry-excerpt, .main_color .avia-testimonial-subtitle, .main_color .commentmetadata a, .main_color .social_bookmarks a, .main_color .meta-heading>*, .main_color .slide-meta, .main_color .slide-meta a, .main_color .taglist, .main_color .taglist a, .main_color .phone-info, .main_color .phone-info a {color: #322832; }
.main_color .iconlist_content {
color: #322832; }
.main_color h2 {font-size: 18px; }
.main_color li {border-width: 1px;}
.main_color span.iconfont {background-color: #604a7b;}

.main_color .heading-color, .main_color h1, .main_color h2, .main_color h3, .main_color h4, .main_color h5, .main_color h6, .main_color .sidebar .current_page_item>a, .main_color .sidebar .current-menu-item>a, .main_color .pagination .current, .main_color .pagination a:hover, .main_color strong.avia-testimonial-name, .main_color .heading, .main_color .toggle_content strong, .main_color .toggle_content strong a, .main_color .tab_content strong, .main_color .tab_content strong a, .main_color .asc_count, .main_color .avia-testimonial-content strong, .main_color div .news-headline {color: #ff6666;}

.stretch_full.container_wrap.alternate_color.light_bg_color.title_container {display: none;}

.container_wrap {border-top-width: 0px; }

li:hover .avia-menu-fx, .current-menu-item>a>.avia-menu-fx, li:hover .current_page_item>a>.avia-menu-fx {opacity: 1; visibility: hidden;}

.alternate_color .heading-color, .alternate_color h1 {color: #fcd5b5;}
.breadcrumb-trail span {display: none; }

.content, .sidebar {padding-top: 50px; padding-bottom: 33px; }

body {font: 15px/1.65em “HelveticaNeue”,”Helvetica Neue”,Helvetica,Arial,sans-serif}

.main_content {font-size: 15px;}

.template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 {text-transform: none; letter-spacing: 1px;}

.av_promobox, .avia-testimonial-content {
border-radius: 5px;}

#footer .avia-slider-testimonials .avia-testimonial-content {border-color: #000;}
#footer .avia-arrow {border-color: #000!important;}

.av_one_full .avia-testimonial-content {margin-left: 100px;}
.avia-promocontent h3 {margin-top: 12px;}

.avia-team-member .team-social {
border: none;}

.avia_transform .av_slideshow_full .active-slide .avia-caption-title, .avia_transform .av_fullscreen .active-slide .avia-caption-title {text-transform: none !important; }

.main_color .avia-icon-list .iconlist-timeline {border-color: #fff;}
.minitext {display: none; }

.av-share-box .av-share-link-description {display:none}

Hello !

This page:

http://devprova.corsidiballoonline.com/video-corsi-2/video-corsi-di-tango/offerta-tango-argentino/

top in the center you can see how I copied and pasted the code I’ve written. I see everything in bold here …

when I increase the font size turns everything into bold …

Thank you very much for your support

It seems to have magically resolved itself. I have no idea why it wasn’t working but it was like all the WYSIWYG options were not selectable – i.e. they would not allow me to use the dropdown to select a font size or header size or whatever. So I think this is fixed now through nothing I have done. So you can close this ticket. Thx.

Hi Elliott

Sorry about this. I have only asked for help twice in 2 years since using Enfold and building many sites. I am not a developer so I don’t have much coding experience. It also seems I am in a time zone with about 12 hours difference to you so hence the response delays.

I have now fixed (at least temporarily) the alignment of the “Book Online” button with the phone number in the small bar above the menu. I don’t think that what I have done this is the correct the way to do it but I have changed the Phone Number and small info text to below. The small change I made is to change the position for the button to ‘none’. I am not sure if that is OK or not but it has fixed the vertical alignment (at least temporarily).

1300 366 284 | [av_button label='Book Online' link='page,149' link_target='' size='small' position='none' icon_select='yes' icon='ue84e' font='entypo-fontello' color='custom' custom_bg='#48d130' custom_font='#ffffff']

The weird things is that the order I use to change the Phone Number or the CSS affects the result. E.g. if I change the CSS first then change the Phone Number in Header/Extra Elements then the alignment of the phone number and button is fine in the phone area. But if I make any change to the custom CSS after saving the content in the Header/Extra Elements phone area then the alignment of the phone number and button get messed up. Can you please confirm if there is a right or better way to do this?

I also changed the padding in the css code you gave me to the following with 2px for above and below. The button was looking too thin and cramped with 0. This css code changes the breadcrumb. By using 2px for above and below the breadcrumb still looks OK and the button is a bit better.

.phone-info .avia-button, .phone-info .avia_button { padding: 2px 10px !important; }

But, what I don’t understand is why this phone.info css affects the breadcrumb.

Thanks again. Mark

I have the following quick cc code

.ui-datepicker-title select { padding-right: 17%; }

@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v8/LKf8nhXsWg5ybwEGXk8UBQ.woff) format('woff');
}

p { font-family: 'PT Sans' !important; }

.grid-entry-title.entry-title {
font-size: 20px;
font-weight: bold;
text-align: center;
}

.content, .sidebar {
padding-top: 10px;
padding-bottom: 10px;}

body {
  font-size: 16px;
}

.phone-info span { font-size: 16px; }

.main_menu .menu ul { width: 235px; }

#top div .avia-gallery img { border-style: none; padding: 0; }

@media only screen and (max-width: 989px) {
.av-main-nav > li > a {
    padding: 0 7px;
    font-size: 12px;
}}

@media only screen and (max-width: 767px) {
.responsive #header .main_menu .social_bookmarks {
    display: block;
    position: absolute;
}}