Hey Lene,

Please try the following in Quick CSS under Enfold->General Styling:

.toggle_content p {
  font-size: 17px;
}

.toggle_content p a {
  color: #dac7a6;
}

Best regards,
Rikard

Hi,
I’m unsure how you would want the outcome to look with the title, additional text block, and button on the image.
Do you have a mockup that we can see?
Would it have the same layout for mobile?
So you would like the text of the hotspots to be centered, but what about the hotspots themselves, are they centered with the text, or do they stay to the left as they are?
The hotspots can be dragged to any place on the image, so try to place the hotspots where you would like them.
The hotspots are given an absolute location via javascript based on where they are dragged to.
Perhaps the solution for your additional text block and button is to add another hotspot with your text or button and hide the hotspot so the text or button is just shown.
I tested this button shortcode on my localhost in the hotspot text area and it works:

[av_button label='Button' icon_select='no' icon='ue800' font='entypo-fontello' link='manually,http://' link_target='' size='medium' position='center' label_display='' title_attr='' color_options='' color='light' custom_bg='#444444' custom_font='#ffffff' btn_color_bg='theme-color' btn_custom_bg='#444444' btn_color_bg_hover='theme-color-highlight' btn_custom_bg_hover='#444444' btn_color_font='theme-color' btn_custom_font='#ffffff' id='' custom_class='' av_uid='av-kfbatcr8' admin_preview_bg='']

Thanks for the login, but I was not able to load the login page, perhaps it is not the standard /wp-admin/?

Best regards,
Mike

Hi,

Thanks for the update. I checked the CSS in your child theme and all of the code doesn’t have an ending semi colon, please try closing your code properly to see if that helps.

@media only screen and (max-width:990px) {
  .responsive #top .av-main-nav .menu-item { display: none }

  .responsive #top .av-main-nav .menu-item-avia-special { display: block }
}

#header span.avia-menu-fx { display: none !important }
a { text-decoration: none !important }
#top .logo { padding-top: 0px; width: 300px; margin: 10px auto; float: none; height: auto }
h2.avia-caption-title { font-size: 60px; color: #094fa3; font-weight: 400; letter-spacing: -3px; 
	/* background: rgba(0, 0, 0, 0.1); display: inline-block; padding: 0 10px */ }
h2.av-special-heading-tag  { font-weight: 400 !important; letter-spacing: -2px }
.template-page .entry-content-wrapper h2 { letter-spacing: -1px }
.avia_image { border-radius: 10px }
.avia-button.avia-size-large { font-size: 18px; text-transform: uppercase }
.contact-us-content .container { max-width: 1000px !important }

Best regards,
Rikard

Hi,

Please try this CSS as well:

@media only screen and (max-width: 767px) {
a.cart_dropdown_link span:before {
  font-size: 26px;
}
}

Best regards,
Rikard

Hi,
Thank you for the feedback, please try this css:

@media only screen and (max-width: 767px) { 
	#wrap_all #main h3,#wrap_all #main h3 > span {
	font-size: 12px !important;
}
#wrap_all #main h1,#wrap_all #main h1 > span {
	font-size: 14px !important;
}
}

Please adjust the font sizes to suit and clear your browser cache and check.

Best regards,
Mike