Hi!

Ismael’s code should work, please try adding !important rule to force it as following

body .column-top-margin {
margin-top: 0!important;
}

Cheers!
Yigit

Hey!

Please use this to adjust the top margin of columns:

body .column-top-margin {
    margin-top: 0px;
}

Best regards,
Ismael

Hey David!

Please use this on your custom.css or Quick CSS to adjust the height of the menu list:

.main_menu ul:first-child > li a {
height: 40px !important;
line-height: 40px !important;
}

Add this to move the main menu position:

#avia-menu {
position: relative;
top: 30px;
}

Cheers!
Ismael

Hi!

Please add this on your custom.css or Quick CSS to change the category names:

.products .product h3 {
padding-top: 5px;
font-size: 15px;
line-height: 18px;
font-weight: normal;
margin: 0;
font-family: "Georgia", "Times New Roman", Helvetica, Arial, sans-serif;
font-weight: 600;
text-transform: uppercase;
}

You can move the category title using this:

.product-category a h3 {
position: absolute;
top: 0;
}

.product-category a img {
position: relative;
top: 30px;
}

Regards,
Ismael

Hey!

Are you using WPML? Please use this plugin: http://wordpress.org/plugins/codestyling-localization/

Install the plugin, go to Tools > Localization and select “Themes”. Then search for “Enfold” in the list and click on “Add new language”. Then select your language from the list and click the “create po-file” button. Click on “Rescan” to search for all text strings. Then click on “Edit” and translate the required strings from the “avia_framework” textdomain. At least click the “create mo file” button next to the “Textdomain” selection dropdown (top left corner).

Regards,
Ismael

Hey!

1.) Please add this on custom.css or Quick CSS to move the reserve now button when viewing on iPad:

@media only screen and (max-width: 989px) and (min-width: 768px) {
.header-buttons {
left: 0;
}
}

2.) How did you add the content boxes on the layer slider? You can a unique css selector to each layer. Edit the layer then go to Attributes panel. You can use this selector to hide the layer on mobile devices using media query.

3.) Can you please post a screenshot of the issue? Add this on Quick CSS:

#top .main_menu .menu li:hover {
background: transparent;
}

Regards,
Ismael

Hey!

@lucindaholland: Please create a new topic. We don’t want the issues and request getting jumbled up. Anyway, please post a screenshot of what you’re trying to achieve with the logo.

Best regards,
Ismael

Hey!

You can edit header.php, find this code on line 101:

if(strpos($headerS,'bottom_nav_header') === false) avia_social_media_icons($social_args);

Below, add the do_shortcode function with the plugin’s shortcode:

echo do_shortcode( '[sc_embed_player fileurl="http://myblog./wp-content/uploads/2014/01/music.mp3" volume="10" loops="true"]' );

Add this on Quick CSS to position the button properly. Adjust if necessary.

.sc_player_container1 {
position: absolute;
top: 0;
left: 83px;
}

Regards,
Ismael

Hi Vermishelle!

Please refer to this link on how to add social icons: https://kriesi.at/support/topic/adding-custom-social-icons/

Best regards,
Ismael

Hey webpress!

You can adjust the position of the logo using this on Quick CSS:

.logo.bg-logo {
top: 20px;
}

Adjust the top value if necessary.

Cheers!
Ismael

Hey keneastwood!

You can reduce the padding above the footer using this on Quick CSS:

.avia-section-large .content, .avia-section-large .sidebar {
padding-top: 70px;
padding-bottom: 10px;
}

The page http://cravensafetyservices.co.uk/health-and-safety-support-packages/ gives me a 404 error.

Regards,
Ismael

Hey hstveilig!

Please use the “Header with Social icons and bottom navigation” then add this on your Quick CSS or custom.css:

.bottom_nav_header.social_header .logo {
position: relative;
left: 35%;
}

.bottom_nav_header.social_header .main_menu ul:first-child {
position: relative;
left: 20%;
}

#top #menu-item-search {
float: left;
}

Best regards,
Ismael

Hi!

You can change the scroll to top arrow icons using this:

#scroll-top-link {
font-size: 50px;
}

Cheers!
Ismael

Hey aovivo!

Please do the following:

1.) Add this on your custom.css or Quick CSS:

.woocommerce-main-image.zoom {
overflow: hidden;
}

2.) Change the product title using this:

.product_title.entry-title {
font-size: 13px;
}

And the price font size with this:

#top .price span, #top del, #top ins {
font-size: 17px;
line-height: 24px;
}

3.) Change the button color with this:

.main_color .add_to_cart_button.button.product_type_simple {
background-color: red;
}

4.) Increase the bottom margin of categories using this:

.product_meta {
margin-bottom: 20px;
}

5.) Change the upsells or you may also like products using this:

#top .upsells.products h2 {
font-size: 15px;
color: red;
}

6.) It should be using the shop catalog image size which 450×450. Please regenerate the thumbnails using this plugin: http://wordpress.org/plugins/regenerate-thumbnails/

Regards,
Ismael