Hi,

Sorry for the delay. Yes, we should be able to apply the same button style to the anchor or link tag. Just add a unique id or class attribute to the link so that we can target it or add an external css style.

$myprofileurl = '<a class="custom-visit-button" href="'. home_url() . '/community/' . $current_user->user_login . '">Visit now</a>';

We can start with this css code.

.custom-visit-button {
  background-color: red;
  color: white;
  border-radius: 3px;
  padding: 10px;
  font-size: 12px;
  text-decoration: none;
  display: inline-block;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  margin: 3px 0;
  line-height: 1.2em;
  position: relative;
  font-weight: normal;
  text-align: center;
  padding: 15px 30px 13px;
  font-size: 13px;
  min-width: 139px;
  max-width: 100%;
}

Best regards,
Ismael

Hi,

Thanks for the update and clarification. Please try this CSS instead:

.pricing-table .avia-pricing-row small {
  font-size: 10px;
}

Best regards,
Rikard

Hey argentinadelfina,
Sorry for the late reply, mobile devices don’t have a “hover” or “mouse-over” event, there are javascripts that offer “long-touch” and such.
I checked the site you linked to for the “mobile hover” elements but they didn’t work for me, what I found was touching the item would show the title while the page was loading, so the event was a “click”.

But if you would like to add a white box with the title to show over your images for mobile, 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: 767px) { 
.grid-image:before {
  content: attr(title);
  color: red;
  font-size: 1em;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  background-color: #fff;
  width: 50%;
}
.grid-content {
	display: none;
}
}

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

Best regards,
Mike

Hey Carsten,
Sorry for the late reply, it seems I missed the notification about this thread. To change the font-size across your whole site
for H3 & H1 please try this css:

#wrap_all #main h3,#wrap_all #main h3 > span {
	font-size: 28px !important;
}
#wrap_all #main h1,#wrap_all #main h1 > span {
	font-size: 30px !important;
}

Please adjust the font sizes to suit and let us know if this misses any H3 or H1.
An easy way to test is to add a color you don’t use like orange and then check your site for any H3 or H1 without the color, I took a quick look at a few of your pages and this seems to work correctly.

#wrap_all #main h3,#wrap_all #main h3 > span {
	font-size: 28px !important;
        color: orange !important; 
}
#wrap_all #main h1,#wrap_all #main h1 > span {
	font-size: 30px !important;
        color: orange !important;
}

After applying the css, please clear your browser cache and check.
You can also change your default H tag sizes at Enfold Theme Options > Advanced Styling, which might be a better option for you in this case, since it is for the whole site. Please try both options.

Best regards,
Mike

Hi,

Thanks for that. The mobile navigation seems to work fine on my end though, did you check the site in an incognito/private browser window to see if that helps?

You can adjust the font size of the navigation under Enfold->Advanced Styling.

Best regards,
Rikard

Hi,

We can wrap the previous css inside a css media query so that it will only affect the mobile view.

@media only screen and (max-width: 767px) {
    #top .cart_dropdown_first .cart_dropdown_link {
        font-size: 30px;
    }
}

Best regards,
Ismael

Hi Jeff,

Please try this CSS as well:

1.

#top .av-small-burger-icon {
    transform: none;
}

.cart_dropdown_link span:before {
    font-size: 30px;
}

3.

@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .main_menu {
    left: auto;
    right: 0; 
}
.responsive.html_bottom_nav_header #top #menu-item-shop.cart_dropdown {
    right: 50px;
}
}

Best regards,
Rikard

Hi,
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

.av-share-box .av-share-link a:before {
	font-size: 30px !important;
}

Please feel free to adjust the font-size to suit, and then clear your browser cache and check.
Please see the screenshot in Private Content area.

Best regards,
Mike