Hey!

use this code to control space:

.avia-tooltip.avia-tt {
margin-top: -50px;
}

and this for font size:

.avia-tooltip .inner_tooltip {
font-size: 10px;
}

Adjust as needed.

Regards,
Andy

Hey!

We are working on your ticket please wait while we update the results here soon.

To position the logo please change the max width and margin top values to suit your design.

@media only screen and (max-width: 989px) {
.responsive .logo {
    margin-top: 50px!important;
}}

To create the list items similar to the mockup please follow the steps below

First enable custom css class name support as mentioned in below links

kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

1. use a colorsection and add a custom class name to it

2. add 2 1/2 cols and icon list inside it
NOTE: The numbers need to be added in a span tag with class name “box-dark”

3. add the below css

.custom-list .iconlist_icon, .custom-list  .iconlist-timeline {
  display: none;  
}

.custom-list h4 {
background:gold;
}
.box-dark{
display:inline-block;
  min-width: 40px;
  min-height: 40px;
  line-height: 40px;
  text-align: center;
  color:#fff;
  margin-right:20px;
  background:#333;
}

Or just enable debug mode as mentioned here kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/

and use the below page shortcode with the above css in step 3

[av_section min_height='' min_height_px='500px' padding='default' shadow='no-shadow' bottom_border='no-border-styling' id='' color='main_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' custom_class='custom-list']

[av_one_half first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='']

[av_iconlist position='left' iconlist_styling='' custom_title_size='' custom_content_size='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border='' custom_class='']
[av_iconlist_item title='<span class="box-dark">1 </span> List Title ' link='' linktarget='' linkelement='' icon='43' font='entypo-fontello'][/av_iconlist_item]
[av_iconlist_item title='<span class="box-dark">2 </span>List Title ' link='' linktarget='' linkelement='' icon='25' font='entypo-fontello'][/av_iconlist_item]
[av_iconlist_item title='<span class="box-dark">3 </span> List Title ' link='' linktarget='' linkelement='' icon='64' font='entypo-fontello'][/av_iconlist_item]
[/av_iconlist]

[/av_one_half][av_one_half min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='']

[av_iconlist position='left' iconlist_styling='' custom_title_size='' custom_content_size='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border='' custom_class='']
[av_iconlist_item title='<span class="box-dark">1 </span> List Title ' link='' linktarget='' linkelement='' icon='43' font='entypo-fontello'][/av_iconlist_item]
[av_iconlist_item title='<span class="box-dark">2 </span>List Title ' link='' linktarget='' linkelement='' icon='25' font='entypo-fontello'][/av_iconlist_item]
[av_iconlist_item title='<span class="box-dark">3 </span> List Title ' link='' linktarget='' linkelement='' icon='64' font='entypo-fontello'][/av_iconlist_item]
[/av_iconlist]

[/av_one_half][/av_section]

Best regards,
Vinay

• This reply was modified 10 years ago by Vinay.

Hey!

Percentage values for font-size are relative to the parent element’s hence it’s not working for you in this case. As an alternate solution you can use vw example font-size:4vw; This should work.

The #top and !important is to increase CSS specificity just incase if there are other default styles which might overwrite this style :)

Best regards,
Vinay

Hi!

Please try this and change the font size value to suit your design.

#top h1.site-name {
    font-size: 26px!important;
}

Cheers!
Vinay

Hi rwwood!

Please use the below code in Enfold >General Styling > Quick CSS

h1.main-title.entry-title a {
  font-size: 30px!important;
}

Cheers!
Vinay

Hey ghettro!
Please feel free to change the values in the below code to suit your design. Place the code in Enfold > general Styling > Quick CSS

/*Font size*/
.av-subnav-menu .menu-item .avia-menu-text{  
  font-size: 20px!important;
}
/*Hover style*/
.av-subnav-menu .menu-item:hover{
  background:gold!important;
}
.av-subnav-menu .menu-item:hover .avia-menu-text{  
  color:#000;
}

Regards,
Vinay

Try increasing the font size of the slideshow:

@media only screen and (max-width: 479px) {
	.responsive #top .slideshow_caption .avia-caption-content{font-size: 24px !important;}
}

Hi Slawomir!

Not sure what you are referring to as print. But if it is the font size you like to increase in mobile and tablets please use the below css in Quick CSS under Enfold > General Styling

@media only screen and (max-width: 767px) {
    body {
    font-size: 18px!important;
}}

Best regards,
Vinay

Hey!

Try adding this code to the Quick CSS:

.av-masonry-entry-content.entry-content {
    font-size: 12px;
    line-height: 16px;
}
.av-masonry-date{
    display: none;
}

Cheers! 
Josue