Hi!

I don’t think css we add on Quick CSS will actually make the site slowdown since it’s just a few several bytes. Try to replace this code above:

#menu-sidebar-underholdning li a {
    border: 1px solid #e1e1e1;
    border-right: 0;
    border-left: 0;
    margin: 0 0 -1px;
    padding: 12px 16px !important;
    text-align: left;
}

#menu-sidebar-underholdning li:first-child a {
    border-top: 0;
}

To this one (this should work on other left sidebars):

.sidebar_left .menu li a {
    border: 1px solid #e1e1e1;
    border-right: 0;
    border-left: 0;
    margin: 0 0 -1px;
    padding: 12px 16px !important;
    text-align: left;
}

.sidebar_left .menu li:first-child a {
    border-top: 0;
}

Hope this helps :)

Regards,
Nikko

• This reply was modified 9 years, 4 months ago by Nikko.

Hey Connecttomoon!

I can see the logo on the top of your site, if I’m not mistaken you want the header to remain on top when you scroll and just reduce the size of the logo when scrolled? if this is right, you need to go to Enfold > Header > Behaviour Header (tab), check Sticky Header and Shrinking Header. Hope this helps :)

Cheers!
Nikko

Hey Michael,

You can check on this thread: https://kriesi.at/support/topic/change-preload-image-animation/

Best regards,
Nikko

Hey amatton,

You can use this code snippets and add it to Quick CSS (located in Enfold > General Styling):

Facebook Icon (2nd block of code is for hover):

.responsive #top #header_meta .social_bookmarks li.av-social-link-facebook a {
    background: #000;
    color: #fff;
}

.responsive #top #header_meta .social_bookmarks li.av-social-link-facebook a:hover {
    background: #fff;
    color: #000;
}

Twitter Icon (2nd block of code is for hover):

.responsive #top #header_meta .social_bookmarks li.av-social-link-twitter a {
    background: #000;
    color: #fff;
}

.responsive #top #header_meta .social_bookmarks li.av-social-link-twitter a:hover {
    background: #fff;
    color: #000;
}

Linkedin Icon (2nd block of code is for hover):

.responsive #top #header_meta .social_bookmarks li.av-social-link-linkedin a {
    background: #000;
    color: #fff;
}

.responsive #top #header_meta .social_bookmarks li.av-social-link-linkedin a:hover {
    background: #fff;
    color: #000;
}

Google Plus Icon (2nd block of code is for hover):

.responsive #top #header_meta .social_bookmarks li.av-social-link-gplus a {
    background: #000;
    color: #fff;
}

.responsive #top #header_meta .social_bookmarks li.av-social-link-gplus a:hover {
    background: #fff;
    color: #000;
}

Just adjust the colors as you see fit. Hope this helps :)

Best regards,
Nikko

Hi,

You can check here on how to create a new ticket: https://kriesi.at/support/topic/how-to-create-a-ticket-in-the-support-section/
Please open a new ticket since your question is unrelated to the topic.

Best regards,
Nikko

Hey troupdim,

Try to add this code in Quick CSS (located in Enfold > General Styling):

#top #wrap_all .social_bookmarks a {
    background: #000;
    color: #fff;
}

You can also change the hover using this code:

#top #wrap_all .social_bookmarks a:hover {
    background: #fff;
    color: #000;
}

Just adjust the colors as you see fit. Hope this helps :)

Best regards,
Nikko

Hey pimroll,

Enfold doesn’t have a social share counter feature, so the easiest way is to use plugins, try using one of the plugins recommended here: http://www.bloggingwizard.com/top-wordpress-social-sharing-plugins-2014/

Best regards,
Nikko

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

Hey!

You can add the following codes to Quick CSS, just replace the IMAGE_URL with the image you have, I will be suggesting image widths on each.

This is for desktops and all screens that uses more than 1024px screen width. Suggested image width is 1600px.

#header {
  background: url('IMAGE_URL') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

This is for ipad or tablets in landscape orientation. Suggested image width is 1024px.

@media only screen and (max-width:1024px) {
  #header {
    background-image: url('IMAGE_URL'); 
  }
}

This is for ipad or tablets in portrait orientation and mobile in landscape orientation. Suggested image width is 768px.

@media only screen and (max-width:768px) {
  #header {
    background-image: url('IMAGE_URL'); 
  }
}

This is for iphone or mobile devices in portrait orientation. Suggested image width is 480px.

@media only screen and (max-width:480px) {
  #header {
    background-image: url('IMAGE_URL'); 
  }
}

You have 4 image with different sizes you need to use, kindly use the suggested image size. Hope this helps.

Best regards,
Nikko

• This reply was modified 9 years, 3 months ago by Nikko.

Hi,

I apologize for my mistake, try to use this code instead, this is for letter spacing on h1 Special Heading:

#top.home h1.av-special-heading-tag {
  letter-spacing: 10px;
}

This code is for subheadings either above or below the h1 Special Heading:

#top.home h1.av-special-heading-tag + .av-subheading {
  letter-spacing: 10px;
}

Just adjust the letter-spacing as you see fit. Thanks for your patience.

Cheers!
Nikko

• This reply was modified 9 years, 4 months ago by Nikko.

Hey eKMUch!

1) Main color of ALL input fields. Referring to the forum, I tried it with these two, but as you can see it didn’t really work.
Textarea seems to be working just fine but input fields doesn’t because of the single quotes ‘, I have replaced the single quotes in Quick CSS it should look like this:
#top .main_color input[type='text'] { background-color: #f0eadd; border: solid 1px #ccc; }

2) Change the submit button background color on hover and non-hover
3) change the submit button to full-widht

Add this code to Quick CSS:

.avia_ajax_form input[type='submit'].button {
    background-color: #00bdbd;
    width: 100%;
}

.avia_ajax_form input[type='submit'].button:hover {
    background: #009a9a;
}

1st code block is for 2.) non-hover background color and 3.) fullwidth. 2nd block of code is for the button hover, just adjust the color as you see fit. Hope this helps :)

Best regards,
Nikko