Font styling, footer height, new fonts and more

Hey GraphicEyeDK,

1. How can I change the following:
– font color for p
– Text Transform and Font Weight for main menu
– letter spacing
– footer height
You can change it in Enfold > General Styling > Main Content tab and find Primary then change the color however, it would also affect not only p tag, so what you can do to change it specifically, at the bottom (still in General Styling) you should see Quick CSS, just add this code:

p {
  color: #000;
  font-weight: bold;
  letter-spacing: 2px;
  text-transform: uppercase;
}

This should answer the 3, except for the footer. The footer you are referring is the one with copyright? or the 4 columns on top of it?

2. How do I remove the text “Enfold WordPress Theme by Kriesi”?
Go to Enfold > Footer > Copyright, just add [nolink] after for example

© My Company [nolink]

3. Is it possible to download new fonts or do I need a plugin?
I would encourage you to use a child theme for Enfold, kindly check this thread: http://kriesi.at/documentation/enfold/using-a-child-theme/ then check the solution on this thread: https://kriesi.at/support/topic/new-custom-font/

4. I have installed WooCommerce. Is it possible to remove the box with Description, Additional Information and Reviews?
Hope you are using child theme by now, kindly add this at the bottom of functions.php

add_filter( 'woocommerce_product_tabs', 'woo_remove_product_tabs', 98 );

function woo_remove_product_tabs( $tabs ) {

    unset( $tabs['description'] );      	// Remove the description tab
    unset( $tabs['reviews'] ); 			// Remove the reviews tab
    unset( $tabs['additional_information'] );  	// Remove the additional information tab

    return $tabs;

}

Hope this helps :)

Best regards,
Nikko

Hi,

You can edit the main menu links in Enfold > Advanced Styling, Just select Main Menu Links. For the footer you will need to use css code to modify the top and bottom margin/padding, just add this to Quick CSS and just modify the values:

#footer {
    padding-bottom: 15px;
}

#footer .widget {
    margin-top: 10px;
    margin-bottom: 10px;
}

Best regards,
Nikko

Hi!

You can use font-weight css code. You can add it after your text-transform code or you can use this code:

#avia-menu > li > a {
    font-weight: normal;
}

Just adjust the values. Hope it helps :)

Cheers!
Nikko

Hi Helle,

Glad we could help :)

Best regards,
Nikko