Hi,
Sorry for the very late reply and thanks for the screenshot and link. Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

@media only screen and (max-width: 766px) { 
#sub_menu1 > div > a > span.av-current-placeholder:before {
	 content: "Shop" !important;
	 font-size: 14px;
	 position: absolute !important;
}
#sub_menu1 > div > a > span.av-current-placeholder {
	 font-size: 0 !important;
	 margin-left: 10px !important;
}
}

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

Best regards,
Mike

Hi,

Please go to Enfold theme options > Advanced Styling and edit “Small bar above Main Menu” and change font color to white. To increase font size, please add following code to bottom of Quick CSS field in Enfold theme options > General Styling

.phone-info {
    font-size: 16px;
}

Best regards,
Yigit

Hi,

Please use the code as following instead

#top.single-product .av-woo-purchase-button .price span {
    font-size: 20px !important;
}

Best regards,
Yigit

Hi @solf,

Please add following code to Quick CSS field instead

#top .logo,
#top .logo a {
  overflow: visible;
}

/* Subtext styling */
.logo .subtext h1 {
  font-size: 20px;
    font-weight: 600;
}

.logo .subtext {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(120%,-50%);
    z-index: 999;
    line-height: 0;
}

If that does not help, please start a new thread under Enfold sub forum and attach temporary admin logins in private content field so we can look into it :)

Best regards,
Yigit

Hi,

Thanks for the update. I’m not sure why the styling is not applying to that header unfortunately, but I added this for you in Quick CSS:

#contact h1.av-special-heading-tag {
  font-size: 70px;
}

And that is applying on your site now, please review it.

Best regards,
Rikard

Hi,

There was a missing closing curly brace in one of the css media queries in the Quick CSS field. We add it back right below this code.

#footer .widget p {
        font-size: 12px;
}

And regarding the logo, we made sure that the full size version of the logo is selected and added this css code to vertically align the logo inside the header.

.logo img {
	display: inline-block;
}

Best regards,
Ismael

Hey Corina,

Thanks for contacting us!

1- Please add following code to Quick CSS in Enfold theme options > General Styling and adjust as needed

#top.single-product .price span {
    font-size: 20px !important;
}

2- It seems like you have achieved it already with following code? :)

#top .related.products h2, #top .upsells.products h2 {
    font-family: 'roboto-slab-regular' !important;
}

If you need further assistance, please let us know!

Best regards,
Yigit

Hey Harris,

Please try the following in Quick CSS under Enfold->General Styling:

.blog .slide-entry-title {
    text-transform: none;
}

.blog .slide-entry-title a {
    font-size: 16px;
}

Best regards,
Rikard

Hi,

1.) Yes, that should be possible. Please add this css code to adjust the font size and style of the pagination.

#top .pagination .current, #top .pagination a, #top .fullsize .template-blog .pagination a {
	float: left;
	height: 45px;
	width: 45px;
	line-height: 45px;
	text-align: center;
	padding: 0;
	border-radius: 100px;
	margin-right: 3px;
	box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.2);
	font-size: 20px;
}

2.) That will require modifications that are beyond the scope of support, unfortunately. You might have to hire a freelance developer or contact our partner, Codeable.

3.) Try to add this css code in the css media query above to move the search icon, cart icon and mobile menu further to the right.

.responsive #top #menu-item-shop.cart_dropdown {
	position: relative;
	margin-left: -90px;
	right: -50px !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

Hi,

Issue seems to be related to button being fullwidth. I tried re-creating your button using Button element instead with following shortcode and that displays the button just fine

[av_button label='BOOK TRIP' icon_select='no' icon='ue800' font='entypo-fontello' link='manually,#bookhere' link_target='' size='x-large' position='left' label_display='' title_attr='' color_options='color_options_advanced' color='theme-color' custom_bg='#444444' custom_font='#ffffff' btn_color_bg='custom' btn_custom_bg='#2d5c88' btn_color_bg_hover='theme-color-highlight' btn_custom_bg_hover='#444444' btn_color_font='theme-color' btn_custom_font='#ffffff' id='book-trip' custom_class='booking' av_uid='av-kjjzpz07' admin_preview_bg='']

Could you please use this button instead of fullwidth one to make sure not to break the sidebar? :)

Best regards,
Yigit

Hi,
Thank you for the login, I checked your Quick CSS and found that you had two errors with media queries missing brackets, I corrected these and now the lower half the css in the Quick CSS will work correctly.
I changed the “max-width” css to this:

@media only screen and (min-width: 1250px) { 
#top #main > .container_wrap.fullsize > .container {
    max-width: 1250px !important;
}
}

This seems to be working correctly. I also noticed that you disabled the jQuery Migrate & enabled Load jQuery in your footer, I recommend disabling these two settings if you notice any issues, at least as a test.

Correcting the Quick CSS seems to have fixed your “text-sep-date” & H1 font size issue.
Please clear your browser cache and check.

Best regards,
Mike

Hi,

Please try this CSS as well:

li#menu-item-1812 .avia-menu-text:after {
    content: "4";
    font-size: 9px;
    color: #FFF;
    background: #42A0BD;
    line-height: 17px;
    width: 17px;
    display: inline-block;
    text-align: center;
    border-radius: 100px;
    position: relative;
    top: -9px;
    left: 2px;
}

Best regards,
Rikard

Hi,

The font size of the h1 tag is already set to 40px on mobile view.

#top .fullsize .template-blog .post-title {
	font-size: 40px !important;
}

You may need to adjust the css media query so that it actually covers all mobile devices.

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

}

// https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

Best regards,
Ismael

Hallo Marion,

Thanks for contacting us and sorry for the late reply!

1- Please add following codes to Quick CSS in Enfold theme options > General Styling tab and adjust the value as needed

#top .blog-categories.minor-meta a {
    font-size: 16px;
}

2-

.html_elegant-blog #top .avia-content-slider .blog-categories {
    color: transparent;
}

(There is no selector, so we set comma color to transparent :))
3- Please edit your Blog Posts elements and choose to display Title and Excerpt – https://imgur.com/a/zDSO5zg. If that does not help, please make sure that you chose to “use Advanced Layout Builder to create your own blog page layout” in Enfold theme options > Blog Layout > Blog Layout
4- Yes, you can add Blog Posts element to your homepage and choose to display only 1 blog post so it would display the latest blog post from selected categories :)

Happy new year!

Best regards,
Yigit

Hi,
Thank you for the screenshot, from this I see your max-width is set to 1250px, but your blog page is still 1010px, this css would correct:

#top.page-id-248 #main > .container_wrap.fullsize > .container {
    max-width: 1250px !important;
}

I used the page ID after “#top” in the css above because it looks like this page is not set as the site “blog” page, if it were we could use the “blog” class after the “#top”.

To set the post H1 to 40px please try this css:

#top .fullsize .template-blog .post-title {
    font-size: 40px !important;
}

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

Best regards,
Mike