added style for + link in faq posts using css

This commit is contained in:
jorge 2022-12-30 14:00:03 +01:00
parent b9a758dd35
commit 3a272ac9ba
4 changed files with 90 additions and 4 deletions

View File

@ -34,3 +34,50 @@ a {
text-decoration: none; text-decoration: none;
} }
} }
.category-faq,.type-ofisuport-ajut {
position: relative;
padding-bottom: 4rem;
.entry-title {
a {
&::after {
content: "+";
position:absolute;
bottom: 0;
left: 0;
width: 3rem;
height: 3rem;
padding: 0 0.38rem;
background-color: $color__white;
border: 1px solid $color__black;
font-size: 4rem;
line-height: 0.8;
}
&:hover::after {
content: ">";
padding: 0 0.38rem;
font-size: 2.5rem;
line-height: 1.3;
}
}
}
}
.category-faq {
.entry-title {
a {
&::after {
content: "accedeix +";
font-size: 1rem;
width: 8rem;
height: 2rem;
line-height: inherit;
padding: 0.5rem;
}
&:hover::after {
content: "accedeix >";
line-height: inherit;
font-size: 1rem;
padding: 0.5rem;
}
}
}
}

View File

@ -712,6 +712,48 @@ a.button {
text-decoration: none; text-decoration: none;
} }
.category-faq, .type-ofisuport-ajut {
position: relative;
padding-bottom: 4rem;
}
.category-faq .entry-title a::after, .type-ofisuport-ajut .entry-title a::after {
content: "+";
position: absolute;
bottom: 0;
left: 0;
width: 3rem;
height: 3rem;
padding: 0 0.38rem;
background-color: #fff;
border: 1px solid #000;
font-size: 4rem;
line-height: 0.8;
}
.category-faq .entry-title a:hover::after, .type-ofisuport-ajut .entry-title a:hover::after {
content: ">";
padding: 0 0.38rem;
font-size: 2.5rem;
line-height: 1.3;
}
.category-faq .entry-title a::after {
content: "accedeix +";
font-size: 1rem;
width: 8rem;
height: 2rem;
line-height: inherit;
padding: 0.5rem;
}
.category-faq .entry-title a:hover::after {
content: "accedeix >";
line-height: inherit;
font-size: 1rem;
padding: 0.5rem;
}
/* Forms /* Forms
--------------------------------------------- */ --------------------------------------------- */
button, button,

File diff suppressed because one or more lines are too long

View File

@ -30,7 +30,4 @@
<?php get_template_part( 'template-parts/section', 'list-checkbox', array('iterate_field' => 'os_fund_apply_end') ); ?> <?php get_template_part( 'template-parts/section', 'list-checkbox', array('iterate_field' => 'os_fund_apply_end') ); ?>
<?php get_template_part( 'template-parts/section', 'list-checkbox', array('iterate_field' => 'os_fund_call') ); ?> <?php get_template_part( 'template-parts/section', 'list-checkbox', array('iterate_field' => 'os_fund_call') ); ?>
</aside> </aside>
<button class="button button-more" >
<a href="<?php the_permalink(); ?>" rel="bookmark" title="<?php the_title(); ?>">accedeix</a>
</button>
</article><!-- #post-<?php the_ID(); ?> --> </article><!-- #post-<?php the_ID(); ?> -->