Hi,

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

Best regards,
Rikard

Hi,

Great, I’m glad that Ismael could help you out. 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 update.

There might be a missing curly brace somewhere in your style.css file because the previous modification we provided is also being applied to the desktop view. Please remove the previous css code and replace it with the following.

.avia-gallery-thumb {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

To make sure that there are no invalid css rules, please use this tool.

// https://www.cssportal.com/css-validator/

Best regards,
Ismael

Hey phschatz199,

Please continue here: https://kriesi.at/support/topic/layerslider-funktioniert-nicht-richtig/

Best regards,
Ismael

Hi,

Thank you for the screenshot.

You can use this css to adjust the height of the caption container.

.av-masonry-entry .av-masonry-date.meta-color.updated {
    display: none;
}

.av-masonry-entry .av-inner-masonry-content {
    padding: 10px;
}

To change the background color, please add this.

.main_color .container .av-inner-masonry-content, #top .main_color .container .av-masonry-load-more, #top .main_color .container .av-masonry-sort, .main_color .container .av-masonry-entry .avia-arrow {
    background-color: #fc6c12;
}

Best regards,
Ismael

Hey Yaphoon,
1: to change the font size of the special heading, please use the setting in the element

2: for the table font color, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.main_color table caption, .main_color tr:nth-child(even), .main_color .pricing-table>li:nth-child(even), #top .main_color .avia-data-table.avia_pricing_minimal td {
    color: #000;
}

3: to change the font colors, please use the option in the element:

4: to change the font size in the icon list element, please use the element options:

5+6: to add space above the special heading “Contact Us For More Information” and “You Might Also Like” try adding some “top padding” in the element:

Best regards,
Mike

Hi,

Please try this CSS as well:

.iconbox_top .iconbox_icon {
    top: -26px;
    margin: -13px 0 0 -35px;
    padding: 25px;
}

You can adjust the top, margin and padding values to fit your needs.

Best regards,
Rikard

Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top .main_color #commentform input[type='text'],
#top .main_color #commentform textarea {
  color:    #000;
  font-size: .8em;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
They are not in the same container so it would take some css for each screen size, you can try this css for desktop:

@media only screen and (min-width: 1836px) { 
.html_visible_cart .cart_dropdown {
    right: 27%;
}
}

and then adjust for each screen size.

Best regards,
Mike

Hi,
You could try this css:

#top .av_inherit_color .fc-header-toolbar * {
	color: initial;
}

or you could try moving the code that displays your calendar to a code block element instead of using the text block element that you are currently using, I don’t think the code block element will add the class .av_inherit_color

Best regards,
Mike

Hey Steve,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top.woocommerce-shop .template-shop .product-sorting {
	display: none;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Thank you for the link to your site and your patience, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.html_elegant-blog #top.category .post-entry .post-meta-infos {
    float: none;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Thank you for your patience, currently your shopping cart is on the right edge of the screen on desktop and mobile, so I’m not sure what you mean by you want it directly behind the instagram, but you can make the background color of the cart blue with this css:

#top .header_color .cart_dropdown_link {
   background-color: #0098d2;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
The issue seems to be that the google badge message on your form has a min width of 300px and on very small screens this is too large.
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 400px) {
#top .avia_ajax_form .av-google-badge-message {
    min-width: 100%;
}
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Is this the same issue as this thread?
I’m not seeing a blue line on a Android device, so I believe that what you are seeing is set by your iPhone, I’m not sure where exactly you are seeing this because your video is private, but perhaps this css will help:

#top .main_color .single_toggle:focus {
  outline: 0 !important;  
  outline: 0 -webkit-focus-ring-color !important; 
}

Best regards,
Mike

Hi,
Is this the same issue as this thread?
I’m not seeing a blue line on a Android device, so I believe that what you are seeing is set by your iPhone, I’m not sure where exactly you are seeing this because your video is private, but perhaps this css will help:

#top .main_color .single_toggle:focus {
  outline: 0 !important;  
  outline: 0 -webkit-focus-ring-color !important; 
}

Best regards,
Mike

• This reply was modified 2 years, 5 months ago by Mike.

Hi,

Thanks for the update. I’m not sure if I understand you correctly, but you can switch editors at any time using the big blue button at the top right when editing a post. If you want to use the WordPress Classic or Block editor, then that can be set in the main page of the theme options.

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