Handful of questions – Bullets, Hovers, Banners…

Hey!

I imported the sql file on your server (with a plugin called adminer). Please make a backup of the database (i.e. with: http://wordpress.org/plugins/backupwordpress/ ) because the importer doesn’t seem to work on your server and if you want to revert to the default demo dat you just need to delete the entire data in the database and then you can restore it with the sql backup file.

Cheers!
Peter

Hello!

Nothing else to do :) – I imported the dummy data and you can start to work with it.

Regards,
Peter

Hi!

1) You can change the border width with following css code

#top .header_color .avia_mega_div > .sub-menu, #top .main_menu ul:first-child >li > ul {
border-top-width: 4px!important;
}

2) Yes, custom fields would be a solution but it requires some custom code. Depending on what you need I recommend to to hire a freelancer. You can use the ava_after_main_menu action (see: http://codex.wordpress.org/Function_Reference/add_action ) to output the code. The advantage would be that you can place the banner image code into a child theme file.

3) I think the “text shift” is caused by an unnecessary br tag in the html source. I think WP adds it because of the script tag. Try to place the js scripts into the same line like the image link – i.e.

<p>
<a class="wistia-popover[height=540,playerColor=7b796a,width=960]" href="http://fast.wistia.net/embed/iframe/tyg8zrndv4?popover=true" style="position: relative; overflow: hidden; display: block;"><img style="border: 1px solid black;" alt="" src="http://embed.wistia.com/deliveries/b47d9488778804ce44807dffedc629c202ee909e.jpg?image_play_button=true&image_play_button_color=7b796ae0&image_crop_resized=282x159" width="282" height="159"><span class="image-overlay overlay-type-extern" style="opacity: 0; left: 0px; top: 0px; display: block; height: 151px; width: 267px;"><span class="image-overlay-inside"></span></span></a>
<br>
<script charset="ISO-8859-1" type="text/javascript" src="http://fast.wistia.com/assets/external/popover-v1.js"></script>
</p>

should turn into:

<p>
<a class="wistia-popover[height=540,playerColor=7b796a,width=960]" href="http://fast.wistia.net/embed/iframe/tyg8zrndv4?popover=true" style="position: relative; overflow: hidden; display: block;"><img style="border: 1px solid black;" alt="" src="http://embed.wistia.com/deliveries/b47d9488778804ce44807dffedc629c202ee909e.jpg?image_play_button=true&image_play_button_color=7b796ae0&image_crop_resized=282x159" width="282" height="159"><span class="image-overlay overlay-type-extern" style="opacity: 0; left: 0px; top: 0px; display: block; height: 151px; width: 267px;"><span class="image-overlay-inside"></span></span></a> <script charset="ISO-8859-1" type="text/javascript" src="http://fast.wistia.com/assets/external/popover-v1.js"></script>
</p>

If this doesn’t work because of whatever reason try to add following code to the quick css field

.home .flex_column .iconbox_content p br{ display: none; }

4) Try following css code – it should replace the rectangles with bullets

.avia-bullet {
border: 2px solid !important;
border-radius: 2px;
}

Best regards,
Peter