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>
</section>
<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">
<a href="https://shop.slowtwitch.com/" class="st-ad-section-shop-card-link">
<div class="st-ad-section-shop-card">
<h3 class="st-ad-section-shop-card__title">Save Big On Gear at the Slowtwitch Shop <span>></span></h3>
<img src="/wp-content/themes/slowtwitch-news/assets/images/slowtwitch-shop.png" alt="" class="st-ad-section-shop-card__img">
</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>
<?php
if(function_exists('the_ad_group')){
the_ad_group(146);
the_ad_group(147);
the_ad_group(148);
}
?>
</section>
<!-- TECH SECTION -->
<section class="st-article-section st-article-section-bottom">
@ -191,6 +185,13 @@
wp_reset_postdata();
?>
</section>
<section class="st-ad-section-long">
<?php
if(function_exists('the_ad_group')){
the_ad_group(149);
}
?>
</section>
<!-- LATEST SECTION -->
<section class="st-article-section-grid">
<section class="st-article-section st-article-section-highlight">
@ -266,19 +267,13 @@
</div>
</section>
<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">
<a href="https://shop.slowtwitch.com/" class="st-ad-section-shop-card-link">
<div class="st-ad-section-shop-card">
<h3 class="st-ad-section-shop-card__title">Save Big On Gear at the Slowtwitch Shop <span>></span></h3>
<img src="/wp-content/themes/slowtwitch-news/assets/images/slowtwitch-shop.png" alt="" class="st-ad-section-shop-card__img">
</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>
<?php
if(function_exists('the_ad_group')){
the_ad_group(146);
the_ad_group(147);
the_ad_group(148);
}
?>
</section>
<section class="st-article-section st-article-section-bottom">

24
style.css
View File

@ -733,14 +733,19 @@ SECTIONS
justify-content: center;
}
.st-ad-section-long {
margin-bottom: 2em;
}
@media (min-width: 760px) {
.st-ad-section {
margin-top: 3.2em;
justify-content: flex-start;
justify-content: space-between;
border-bottom: none;
padding-left: 1em;
padding-bottom: 0;
border-left: 1px #0b4fa0 solid;
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