OK. Done.
What do you mean? On WordPress, it’s the normal text I didn’t add spaces in there.
And blockquote style was created by the tagDiv team CSS code.
Almost there, I didn’t mean the space after the quote, but sure that’s a thing we might add as well.
What I meant was this space here in the text: https://prnt.sc/wgsunt
here you go: http://bit.ly/3baGHjB
Hi,
on mobile it ads spaces.
Please take a look: https://prnt.sc/wfdxnc
How can I solve this? On desktop and tablet, it looks good.
*I want to make it looks this way: https://prnt.sc/vpt2y1 (sorry wrong link before)*
I just found that it was a wrong setting, I should have enabled this feature: https://prnt.sc/vpsxsi
But as I can see it only shows posts with most views from last 7 days.
What I want is to only show most views of posts that were posted last 7 days, is that possible Vlad?
Not padding but margin, but thank you Vlad for pointing this.
Have a great day!
Works perfect, all we need is a little empty space after quote. How can I add it? Right now I’ve solve it by adding a HTML block in WP content after quote with <br> in it. How do I change css so that there is some empty space after quote? I don’t want it to look this way: https://prnt.sc/vp0mjp
How can I delete facebook and Twitter icon from menu?
Thanks, almost there.
Screen: https://prnt.sc/vinxsm
I need to change font-size to smaller, font-weight to normal or even Thin.
But when I try to do that from editing template -> post content -> default blockquote then nothing changes.
This helped a lot!
But I have ads inserted threw HTML block code https://prnt.sc/vi81mf
What code do I need to add, so that I can stretch this ad? Maybe I should create a div there in html?
Here’s a url: https://bit.ly/3hvlrop
as you can see when you click on “next” it should go to /2/, but instead of it we have a page refresh.
Ok, what about next/prev buttons that are broken on /3/ page? https://imgur.com/69TCHBH
Also how can I style first page button on mobile to be 100% width just like on desktop? https://prnt.sc/skcbzz
I’ve put this code to the “Custom CSS” Instead of “Advanced CSS” -> “Phones” and it seems to work now.
.single .page-nav a[href$="/2/"] {
width: 100%!important;
margin-left: 0!important;
}
And this weird error with broken next/prev buttons appears only on /3/ page. Before and after the third page everything is ok. Do you know what might be the issue? Screen: https://prnt.sc/skb56c
So how can I do that? Is there any person that can help me with this issue?
It’s not working.
For some reason, I can see ads created for desktop on mobile and desktop. And can’t see ads created for mobile anywhere.
Here’s an ad code that we are having right now:
<div class="td-visible-desktop doubleAds">
<script>
AdSense Code here
</script>
</div>
<div class="td-visible-desktop doubleAds">
<script>
AdSense Code here
</script>
</div>
<div class="td-visible-phone">
<script>
AdSense Code here
</script>
</div>
And here’s our css code:
.page-nav a[href$="/2/"] {
width: 80%!important;
margin-left: 10%;
box-shadow: 0px 4px 10px 0px #888888;
border-radius: 4px;
}
.page-nav a {
width: 45%!important;
font-size: 16px;
margin: 0 2.5%;
padding: 18px 48px;
color: #fff;
background-color: orange;
box-shadow: 0px 4px 10px 0px #888888;
border-radius: 4px;
}
.page-nav a, .page-nav .current{
display: none;
}
.page-nav a:first-child, .page-nav a:last-child {
display: block;
}
.page-nav a:first-child i:before {
content: "PREV";
}
.page-nav a:last-child i:before {
content: "NEXT";
}
.page-nav a:last-child i:before, .page-nav a:first-child i:before {
font-family: sans-serif;
font-size: 33px;
text-transform: uppercase;
font-weight: 600;
}
.doubleAds {
display: inline-block;
width: 300px;
}
@media (max-width: 767px){
.dads {
display: none;
}
}
Nothing changed, look: https://prnt.sc/sjmci0
And on /3/ page we get this error: https://prnt.sc/sjmakm (it’s not caused by new css code, it was before)
Here’s the code that we already have for all devices set:
.page-nav a[href$="/2/"] {
width: 80%!important;
margin-left: 10%;
box-shadow: 0px 4px 10px 0px #888888;
border-radius: 4px;
}
.page-nav a {
width: 45%!important;
font-size: 16px;
margin: 0 2.5%;
padding: 18px 48px;
color: #fff;
background-color: orange;
box-shadow: 0px 4px 10px 0px #888888;
border-radius: 4px;
}
.page-nav a, .page-nav .current{
display: none;
}
.page-nav a:first-child, .page-nav a:last-child {
display: block;
}
.page-nav a:first-child i:before {
content: "PREV";
}
.page-nav a:last-child i:before {
content: "NEXT";
}
.page-nav a:last-child i:before, .page-nav a:first-child i:before {
font-family: sans-serif;
font-size: 33px;
text-transform: uppercase;
font-weight: 600;
}
And here is what we’ve added for phones:
.page-nav a[href$="/2/"] {
width: 80%!important;
box-shadow: 0px 4px 10px 0px #888888;
border-radius: 4px;
}
.page-nav a {
margin: 0 8px 8px 0;
padding: 12px 24px;
}
.page-nav a:last-child i:before, .page-nav a:first-child i:before {
font-size: 16px;
}
.single .page-nav a[href$="/2/"] {
width: 100%!important;
margin-left: 0!important;
}
Here you go Calin: https://bit.ly/3dVlngf
Sure, here you go: https://bit.ly/3dVlngf
And on the last page I can only see the button “prev”. I’d love to make button “next” appear and point to a specific page (I’ve already created it) with more recommended articles. Is that possible?
Yes, it works. Thank you!
How to make a first button a little bigger and set text in center?
https://prnt.sc/shtw4t
We’ve turned off the mobile theme, so that it would be easier to manage this.
For some reason, the class td-visible-desktop doesn’t work.
I can’t see ads on desktop with td-visible-mobile class, but when we use td-visible-desktop we can see this ads on mobile and we can’t see the ads that were supposed to appear on mobile.
Screen: https://prnt.sc/shb169