Hey Courin!

Edit header.php, find this code:

echo avia_logo(AVIA_BASE_URL.'images/layout/logo.png', false, 'strong');

Below, add this code:

echo "<div class='header-search'>";
get_search_form();
echo "</div>";

Add this on your custom.css or Quick CSS:

.header-search {
position: absolute;
top: 30px;
left: 250px;
}

Modify the main menu font using this:

 .header_color .main_menu ul:first-child > li > a {
color: red;
}

.main_menu ul:first-child > li > a {
display: block;
text-decoration: none;
padding: 0 13px;
font-weight: normal;
font-size: 15px;
}

Cheers!
Ismael

Hi!

Glad it worked. Please don’t forget to remove browser cache then reload the page a few times to see the changes.

Regards,
Ismael

Hi!

Please add following code to Quick CSS as well

#advanced_menu_toggle:after { content: 'Indice'; font-size: 15px; }
#advanced_menu_toggle:before { display: none; }

Best regards,
Yigit

Hey!

As i understand you do not want to change the font size only. If so, please go to wp-content\themes\enfold\config-templatebuilder\avia-shortcodes folder and open slideshow.php file and find h2 tag and change it to h1. It should be on 484th line http://i.imgur.com/EAtxqW8.jpg

Regards,
Yigit

Hey NaturaIntegrativeMedicine!

Please add following code to Quick CSS in Enfold theme options under Styling tab

body { font-size: 16px; }

as written here http://kriesi.at/documentation/enfold/change-the-default-font-size/
You can take a look at new Enfold documentation here http://kriesi.at/documentation/enfold/

Regards,
Yigit

• This reply was modified 12 years, 2 months ago by Yigit.

Hi!

You can change font size by adding following code to Quick CSS

.home li.slide-1 h1 { font-size: 25px; }

Cheers!
Yigit

Hey!

Sure, you can simply add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed

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

Cheers!
Yigit

Hi!

These are for screen width starting from 1920px down to 786px. Then menu switches to mobile menu. Menu font size was smaller previously that is why you should remove this line right: 30%; as i mentioned in my previous post.
After applying the code, please flush browser cache and refresh your page a few times

Regards,
Yigit

Hey!

1) You should try the solution under “Fonts not loading in Firefox or IE9”
2) You are going to need to modify the custom CSS code depending on the tallest box in that case. CSS code can be applied only on certain screen sizes.If that is what you would like to achieve, you can use something like

@media only screen and (min-width: 767px) and (max-width: 989px) {
.iconbox_top .iconbox_content { min-height: 190px; } }

so it will be applied on screens that are wider than 767px and smaller than 989px. You can adjust it as needed
3) Yes, you should add the code Josue posted there
4) Have you checked your website on another computer? If not, please try it

Regards,
Yigit

Hi!

Please add following code to Quick CSS as well

.main_menu { right: 30%;
top: 42%; }
.main_menu .menu ul { top: 65%; }

then you can increase the font size with following code

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

Regards,
Yigit

Hey!

You can remove the breadcrumb using this on Enfold > Styling > Quick CSS:

.breadcrumb.breadcrumbs.avia-breadcrumbs {
display: none;
}

To change the button to circle, first, you need to add a unique selector for each Avia Elements. Edit functions.php, find this code:

if(isset($avia_config['use_child_theme_functions_only'])) return;

Below, add this code:

add_theme_support('avia_template_builder_custom_css');

Edit any avia elements like Buttons then scroll below. Add a unique css selector on “Custom Css Class” field. For example, add “awesome-button”.

You can add something like this on your custom.css or Quick CSS:

.awesome-button .avia-button {
border-radius: 40px;
padding: 20px;
font-size: 12px;
text-decoration: none;
display: inline-block;
border-bottom-style: solid;
border-bottom-width: 1px;
margin: 3px 0;
line-height: 0;
position: relative;
font-weight: normal;
text-align: center;
width: 40px;
min-width: 40px !important;
}

Regards,
Ismael

Hey!

You can upload your screenshots on imgur.com or Dropbox and post the links here

Regards,
Yigit