ross/slowtwitch-news
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

front page ads

Browse Source
This commit is contained in:
Ross Trottier 2024-07-26 12:02:52 -06:00
parent e685f1ca49
commit 41c4ee06b8
2 changed files with 44 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
front-page.php
View File

@ -64,19 +64,13 @@
</div> </div>
</section> </section>
<section class="st-ad-section st-ad-section__top"> <section class="st-ad-section st-ad-section__top">
<img src="/wp-content/themes/slowtwitch-news/assets/images/vertical-ad-mock.jpg" alt="Ad Mock" class="st-ad-section-vertical-ad"> <?php
<a href="https://shop.slowtwitch.com/" class="st-ad-section-shop-card-link"> if(function_exists('the_ad_group')){
<div class="st-ad-section-shop-card"> the_ad_group(146);
<h3 class="st-ad-section-shop-card__title">Save Big On Gear at the Slowtwitch Shop <span>></span></h3> the_ad_group(147);
<img src="/wp-content/themes/slowtwitch-news/assets/images/slowtwitch-shop.png" alt="" class="st-ad-section-shop-card__img"> the_ad_group(148);
</div> }
</a> ?>
<a href="https://classified.slowtwitch.com/" class="st-ad-section-shop-card-link">
<div class="st-ad-section-classifieds-card">
<h3 class="st-ad-section-classifieds-card__title">Buy and Sell Gear on Our Classifieds <span>></span></h3>
<img src="/wp-content/themes/slowtwitch-news/assets/images/slowtwitch-shop.png" alt="" class="st-ad-section-classifieds-card__img">
</div>
</a>
</section> </section>
<!-- TECH SECTION --> <!-- TECH SECTION -->
<section class="st-article-section st-article-section-bottom"> <section class="st-article-section st-article-section-bottom">
@ -191,6 +185,13 @@
wp_reset_postdata(); wp_reset_postdata();
?> ?>
</section> </section>
<section class="st-ad-section-long">
<?php
if(function_exists('the_ad_group')){
the_ad_group(149);
}
?>
</section>
<!-- LATEST SECTION --> <!-- LATEST SECTION -->
<section class="st-article-section-grid"> <section class="st-article-section-grid">
<section class="st-article-section st-article-section-highlight"> <section class="st-article-section st-article-section-highlight">
@ -266,19 +267,13 @@
</div> </div>
</section> </section>
<section class="st-ad-section st-ad-section__top"> <section class="st-ad-section st-ad-section__top">
<img src="/wp-content/themes/slowtwitch-news/assets/images/vertical-ad-mock.jpg" alt="Ad Mock" class="st-ad-section-vertical-ad"> <?php
<a href="https://shop.slowtwitch.com/" class="st-ad-section-shop-card-link"> if(function_exists('the_ad_group')){
<div class="st-ad-section-shop-card"> the_ad_group(146);
<h3 class="st-ad-section-shop-card__title">Save Big On Gear at the Slowtwitch Shop <span>></span></h3> the_ad_group(147);
<img src="/wp-content/themes/slowtwitch-news/assets/images/slowtwitch-shop.png" alt="" class="st-ad-section-shop-card__img"> the_ad_group(148);
</div> }
</a> ?>
<a href="https://classified.slowtwitch.com/" class="st-ad-section-shop-card-link">
<div class="st-ad-section-classifieds-card">
<h3 class="st-ad-section-classifieds-card__title">Buy and Sell Gear on Our Classifieds <span>></span></h3>
<img src="/wp-content/themes/slowtwitch-news/assets/images/slowtwitch-shop.png" alt="" class="st-ad-section-classifieds-card__img">
</div>
</a>
</section> </section>
<section class="st-article-section st-article-section-bottom"> <section class="st-article-section st-article-section-bottom">

24
style.css
View File

@ -733,14 +733,19 @@ SECTIONS
justify-content: center; justify-content: center;
} }
.st-ad-section-long {
margin-bottom: 2em;
}
@media (min-width: 760px) { @media (min-width: 760px) {
.st-ad-section { .st-ad-section {
margin-top: 3.2em; margin-top: 3.2em;
justify-content: flex-start; justify-content: space-between;
border-bottom: none; border-bottom: none;
padding-left: 1em; padding-left: 1em;
padding-bottom: 0;
border-left: 1px #0b4fa0 solid; border-left: 1px #0b4fa0 solid;
margin-bottom: 0; margin-bottom: 0;
} }
@ -752,6 +757,23 @@ SECTIONS
} }
} }
.st-ad-section .local-highlight-wrapper img,
.st-ad-section .local-highlight-wrapper video,
.st-ad-section-long .local-highlight-wrapper img {
display: block;
width: 100%;
height: auto;
margin-bottom: 1em;
}
@media (min-width: 760px) {
.st-ad-section .local-highlight-wrapper img,
.st-ad-section .local-highlight-wrapper video,
.st-ad-section-long .local-highlight-wrapper img {
margin-bottom: 0;
}
}
/* /*
============================ ============================
COMPONENTS COMPONENTS