Black Friday Sale! Get up to $30 off GP Premium! Learn more ➝

Reply To: Section Side Paddings

Home Forums Support Section Side Paddings Reply To: Section Side Paddings

Home Forums Support Section Side Paddings Reply To: Section Side Paddings

#101305
Adrian Cojocariu

Ok it worked 😀

But I had to place the mobile background at the beginning of the Custom CSS, otherwise it wouldn’t work.

@media (max-width:768px) {
#generate-section-1.unique-section-class {
background-image:url(http://www.jpl.nasa.gov/spaceimages/images/mediumsize/PIA17011_ip.jpg);
}
}

.unique-section-class .generate-sections-inside-container {
background-color: rgba(0,0,0,0.4);
text-align: center;
}
@media {
.unique-section-class .generate-sections-inside-container{
min-height:300px;
}

Can I mix all those together in a single @media or should I leave them as they are ?

Also, on your homepage you used some small icons in some divs, the ones under the video.

This is the code, I was wondering, how did you got the little icons to show if there’s no image url 😀 ? Is it in the custom CSS and you used class ?

<h4><i class="fa fa-flash" style="color: #1e72bd; font-size: 20px; padding-right: 5px;"></i> Lightweight & Fast</h4>
<p>GeneratePress doesn’t try and do too much. The core theme only includes the bare essentials, and focuses on speed, search engine optimization and usability.</p>