Hi,

Thank you for the update.

1. The Cart and Search buttons a little larger

You can add this css code to make the cart and search icons larger:

@media only screen and (max-width: 767px) {

  /* Add your Mobile Styles here */
  #menu-item-shop .cart_dropdown_link {
    font-size: 24px;
  }

  #top #menu-item-search a:before {
    font-size: 30px !important;
  }
}

If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

Thanks!

Best regards,
Ismael

Hey cheffe,

Thank you for the inquiry.

You can use this css code to adjust the size and aspect ratio of the lightbox container.

.page-id-2447 .mfp-wrap {
    height: 90% !important;
    top: 20px !important;
}

.page-id-2447 .mfp-iframe-holder .mfp-content {
    width: 100%;
    max-width: 692px;
}

.page-id-2447 .mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 100%;
}

You can further adjust the values as necessary.

Best regards,
Ismael

Hi,
I would recommend adding the categories as a class to the single posts, try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

add_filter('body_class','add_category_to_single');
  function add_category_to_single($classes) {
    if (is_single() ) {
      global $post;
      foreach((get_the_category($post->ID)) as $category) {
        $classes[] = $category->category_nicename;
      }
    }
    return $classes;
  }

This will add the categories as a body class, so for example if your post belongs to the categories News, Personal, Uncategorized

the body will have these classes:

So if you wanted to use CSS to target this it would look like:

#top.news.personal.uncategorized {
/* your color here */
}

You can make this would for only one category if you wish, my example just happened to have three.

Best regards,
Mike

Hi,

Glad to know that initial issues have been fixed. If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

Thank you for your understanding.

Best regards,
Ismael

Hey bemodesign,

Thank you for the inquiry.

You can add this css code to set the header to transparent on mobile view:

@media only screen and (max-width: 989px) {
  #top #wrap_all .av_header_transparency {
    background: transparent !important;
    position: absolute !important;
  }
}

Best regards,
Ismael

Hey Norbert,

Thanks for the login details. The update to 5.7.1 has to be done manually from the version you are running, please refer to my replies in this thread: https://kriesi.at/support/topic/enfold-4-5-theme-update-update-failed-download-failed-a-valid-url-was-not-pro/#post-1021541
You can either update manually via FTP: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update, or upload the theme as if it was new under Appearance->Themes->Add New Theme.
If that doesn’t work then please try to delete the whole theme folder, then replace it with the new version. Make sure that you have backups of the site before starting updating.
Also please read this after you have updated: https://kriesi.at/documentation/enfold/theme-registration/

Also please note that you are running a very old version of WordPress, I would recommend that you update that first of all.

Best regards,
Rikard

Hi,

Thank you for the info.

You can add this css code to adjust the size of the logo on scroll:

#header.header-scrolled .avia-standard-logo img {
    padding-top: 10px;
    height: 32px;
}

Best regards,
Ismael

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Please read this reply again. We’ll close this thread for now.

Best regards,
Rikard

Hi,
Guenni007 is correct for #2, the “blog” option is not for category pages, if you want category/archive pages to be a grid then try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

add_filter('avf_blog_style','avia_change_category_blog_layout', 10, 2); 
function avia_change_category_blog_layout($layout, $context){
if($context == 'archive') $layout = 'blog-grid';
return $layout;
}

You can not have a custom layout for a category / archive page with a hero image at the top like https://sii-talents.de/aktuell/
To add the hero image to the top of the category pages try this solution

Best regards,
Mike

Hi,

Great, I’m glad that we could help. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Thank you for the inquiry.

How did you add the dummy content? We can only see one widget in the header, and the logo is missing. You can add two widgets in the header: one for the current layout and another for the phone and email icon, then we can provide the css code to toggle the visibility of the widgets on desktop and mobile view.

Please provide a screenshot of the changes you’d like to implement using platforms like Savvyify, Imgur, or Dropbox.

Best regards,
Ismael

Hey annameis,

Thank you for the inquiry.

Please use this css code to adjust the text color in the search bar:

#top .header_color input[type='text']#s {
    color: red;
}

Best regards,
Ismael

Hi,
Thanks for the login, I believe that you want this for the /horarios/ page, so I added this css to your Quick CSS:

#top.page-id-528 #after_section_1.main_color {
	background-color: #000;
}

Please clear your browser cache and check.

Best regards,
Mike

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard