Ah yes the other css for mobile was closed off so didnt recognise the code properly – all fixed thank you :-)

Thanks so much. That worked for mobile but now on desktop the video appears cut off at the bottom

Thank you. I have done that but now its all capitals – is there a way to just change the H1 on this page to not make it uppercase?

Also on mobile its not adding padding for the colour section – I have it set to large but its right up against the top and bottom.

So sorry I missed part of the username.

Thank you :-)

Hi there sorry for delay – I tried it but the styling was not good and changed some colours so I have removed it now.

But I want to use the Default Events Template

Thanks so much that fixed it :-)

Hey there

Sorry I thought they were all footer related so thats why I did them all – but note taken for future :-)

Also dont worry about the “How can I reduce the Gap top and bottom of entire footer section inner padding?” I have found some code to fix that myself now. Which also seems to have helped with this questio “How can I reduce the gap between columns when they are stacked on mobile?” too.

I cant see any issues – here is the quick css:
/* remove the meta container from blog page*/
.html_elegant-blog #top .post-entry .post-meta-infos {
display: none;
}
/* remove the category displaying on blog page*/
.html_elegant-blog #top .avia-content-slider .blog-categories {
display: none;
}

/* Remove Product sorting from Product pages*/
.product-sorting { display: none !important;
}

/* Product price*/
#top .price, #top .price span, #top del, #top ins{
display: inline;
text-decoration: none;
font-size: 17px;
line-height: 45px;
font-weight: 600;
letter-spacing: 0.5px;
}

.image-overlay {background: none;
}
.av_font_icon.av-icon-style-border .av-icon-char {
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
border-radius: 1000px;
border-width: 2px;
border-style: solid;
display: block;
margin: 0 auto;
padding: 25px;
color: inherit;
border-color: inherit;
position: relative;
}

/* Centre 5 stars in testimonials*/
.avia-testimonial p[style*=”center”] {
margin-top: 0;
display: inline-block;
}

.avia-testimonial-meta-mini {
text-align: center !important;
}

/* Reduce gap above header on events calendar – what’s on page*/
.tribe-common–breakpoint-medium.tribe-events .tribe-events-l-container {
padding-top: 0;
}
.tribe-events .tribe-events-l-container {
padding-top: 0;
}

#top #reviews h2{
font:”HelveticaNeue”, “Helvetica Neue”, Helvetica, Arial, sans-serif;
line-height: 25px;
font-weight: normal;
text-transform: none;
letter-spacing: 1px;
}

.big-preview.single-big {
text-align: center; }

.big-preview.single-big a {
display: inline-block; }

.woocommerce-review__published-date {
display: none !important;
}

.html_elegant-blog .avia-content-slider .slide-meta {
display: none !important;
}

/* IconList space-*/
#top .av-iconlist-small li {
margin: 10px 0;
}

/*reduce the gap between Icon list and the text block above it*/
.avia-icon-list-container {
margin: 10px 0 30px 0;
}

/*reduce the gap between text box and colour section*/
.content {
padding-top: 22px;
padding-bottom: 20px;
}

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

/* Add your Mobile Styles here */
/* Social icons 5 column display on mobile to stop overlaping */
@media only screen and (max-width: 767px) {
.flex_column.av-1wutg6-75a2def9a5e4dfdd6a7dc4b173f7d740 {
display: none;
}
.responsive #top.page-id-734 #wrap_all .content .entry-content-wrapper .flex_column.av_one_fifth {
width: 33%;
}

/* increase width of testimonial slider on mobile */
.responsive #top .av-large-testimonial-slider.avia-testimonial-wrapper .avia-testimonial {
padding: 0;
}
#top .av-large-testimonial-slider .avia-testimonial-meta .avia-testimonial-image {
width: 100%;
}
#top .av-large-testimonial-slider .avia-testimonial-meta-mini {
text-align: center;
}

/* Scroll to top button on mobile */
.responsive #scroll-top-link {
display: block !important;
}

And there is also the Advanced styling for the Widgets titles.

• This reply was modified 1 month, 2 weeks ago by xfacta.

Great thanks so much :-) Is there anyway to bold the subtitle text for just this instance?

Hi there Are you saying that css is in there already or I need to add this?

I cant see that in the quick CSS so not sure where that is?

yes amazing thanks so much that worked :-)

Hi there any update on this for me – the icons are overlapping on mobile

Yes that worked!! thank you so much :-)

Ah ok yes that is old – I have removed this and now the big gap is gone.

But I still would like to reduce the gap under a colour section and Special heading block or a text block under it?