- NewsmagtagDiv Composer Tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
- NewsmagUsing other ads
- NewsmagUsing Typekit fonts
Hello !
Can you send us a direct link where we can find that element in order to provide a working CSS Code.
Thank you !
Here: https://jazzjournal.co.uk/2021/03/02/jimmie-noone-the-apex-of-jazz-clarinet-1923-1944/
I am using the following in the subtitle field to get 4 black stars and 1 white star.
90% of his best work is on this CD, and it includes many classic performances as well as several rare appearances by good sidemen that are to be savoured. <p>★★★★☆</p>
Is there an easier way to do this? And how can I get a half-star, like here – https://jazzjournal.co.uk/2021/03/02/erik-verwey-people-flow/
I can’t find any html code for half-star, so guess some CSS will be the answer.
I don’t want to use the Reviews option in the standard single post template (I want summary and stars at top of post), and I can’t use cloud templates because none of them allow layout like Style 1 (why not?) and don’t work well with my paywall.
Many thanks
Mark Gilbert
Thanks for that, Bettina. It looks a bit complicated to me.
What if I wanted to use the ‘Article Bottom Ad’ space instead? I want to place a call to action in that space that looks something like this: https://ibb.co/McnXZqM.
How would I create the donate button that links to our donation page? This one changes colour when hovered over, which would be nice. Any help?
In a similar vein, I’d like to give a colour to our donate button at the far right of our main menu, here: https://ibb.co/pyyLrgK.
It would be great to have it all-red turning to green when hovered over. Is there a CSS snippet that could do this?
Many thanks in advance for your help.
Hello!
Unfortunately, you will need to write a custom CSS code to achieve what you need there.
Thank you!
Hello,
The Flex Block settings are divided into 5 tabs: General, Filter, Layout, Style, and CSS. However, don’t confuse the Flex Blocks with the Flex Big Grids as they have a different layout.
The Posts Loops settings are divided into 4 tabs: General, Layout, Style, and CSS. The Posts loop is a special block and doesn’t have filtering options.
Also, one of the options for pagination of the Posts Loop has the option for normal numbered and the flex blocks do not have this option.
The Posts Loop is automatically filtering the posts depending on the cloud template you set (for example on the category page there will be posted posts from that category).
Thank you!
Hello!
Please try to add this code in Newspaper -> Theme panel -> Custom code -> Custom CSS:
.woocommerce ul.products li.product .button {
display: none !important;
}
Let me know about your results!
Thank you!
Hello!
Unfortunately, for what you need there is not just few lines of CSS.
Thank you for your understanding!
Hello !
It looks like your elements have been created using tagDiv composer. You can achieve that by using the CSS tab only on the mobile device viewport as you can see here: https://www.screencast.com/t/p12y9ZVR
You can set the top margin with a negative, -25 for example, adjust it to your desire.
Thank you !
Hi Bettina. Thanks for your support!
There’s not and easy css fix to do it? Thanks!
Hello !
Can you provide some more information on what codes you used and where they were inserted ? There might be some changes in the paths or elements css names. Let us know this information and also a link to your website so we can take a look.
Thank you !
Hi,
Please try this custom css https://i.imgur.com/ltDqRXI.jpg
.tickercontainer span.ccpw_icon img {
position: relative;
top: 10px;
}
This code need to be set in theme panel> custom code> custom css.
Hope it will help you!
Did finally find this – hiding in CSS settings of rows and columns, some that only conditionally appear when looking in mobile. Very frustrating to locate – need some helper functions to locate broken references like this!
After migrating a development site from localhost, I am seeing an error on my live site where the following file is not found:
http://localhost:8080/wp-content/uploads/2021/02/bghd.jpg
In background settings for the theme panel I see no references to bghd.jpg. I cannot find this anywhere to remove or update this reference and it’s causing mixed-content warnings as my live site is https.
Where can I find where this is being set? This is not an image I uploaded, so I assume it is a default.
I can see it in the CSS referenced here:
<div class="tdi_3_397_rand_style td-element-style" ><div class="td-element-style-before"><style>
/* phone */
@media (max-width: 767px)
{
.tdi_3_397_rand_style > .td-element-style-before{
content:'' !important;
width:100% !important;
height:100% !important;
position:absolute !important;
top:0 !important;
left:0 !important;
display:block !important;
z-index:0 !important;
background-image:url("http://localhost:8080/wp-content/uploads/2021/02/bghd.jpg") !important;
opacity:0.2 !important;
background-size:cover !important;
background-position:center top !important;
}
}
</style></div><style>
Thank you for your reply,
Yes I tested on preprod without any plugin except the ones to make the theme work and the problem is still the same. There is a problem with the autoloading behavior (css or js) with this kind of full stretch template https://cloud.tagdiv.com/entertainment-buzz-taylor-swift-gets-an-emmy-award-on-her-25-year-old-birthday/?edit_url=null
Hello,
We have a css problem with autoloading when an article is loaded the end of second article text is often hidden. Example scroll here https://bit.ly/306ytCp
Screenshots here : https://cloud.sowitty.com/s/SDGs5n7eH785wbB | https://cloud.sowitty.com/s/BStJ3DaNroHZb3n
We are using default Newspaper and cloud templates.
I don’t manage to fix the issue it’s why I ask your help.
Please have a look.
Hello !
On the PRO demos the hidden option is disabled at the moment, you can however hide it using a CSS code. .tdb-category a[href$="/featured/"] , .tdc-content-wrap .td-module-meta-info a[href$="/featured/"], .td_block_wrap .td-module-container a[href$="/featured/"]{
display: none;
}
Add this code in Theme Panel – Custom Code – Custom CSS.
Thank you !
Hello,
The changes need to be made on the zone for margin-top on the mobile menu sticky zone => https://www.screencast.com/t/5VwkZInfF
Also, if you unsuccessful you can use this custom CSS which can help you => https://www.screencast.com/t/x1zATgHgu
.td-header-mobile-sticky-wrap {
top: -2px;
}
Set the code in Theme Panel -> Custom Code -> Advanced CSS -> Phones => https://www.screencast.com/t/rfJpxYOUT3vS
Hope this helps you better!
Thank you!
Hello,
I just tested the code and for menu looks well, without background effect => https://www.screencast.com/t/GqENp5FiiH
Also, if you want to change on mobile you can use this code and change only the width => https://www.screencast.com/t/lznuwJqyJo
#td-mobile-nav, .td-menu-background{
width: 50%;
}
.td-menu-mob-open-menu #td-outer-wrap {
box-shadow: 0 0 46px #000000;
position: unset;
transform: unset;
}
Also, if you want to change only on desktop/IPAD and you don’t want to change on phones you need to set the code in Theme Panel -> Custom Code -> Advanced CSS => https://www.screencast.com/t/bGCdwFqGks
Hope this is helpful!
Thank you!
Hi,
I would love to have the option of hiding components in Composer. Like I want to add a section to my webpage but I don’t want it to go live until a certain date or until it is approved. Then it would be super useful to have the option of having it on a development setting or something similar. I noticed that you can hide a component in the CSS options but, maybe this is just me, the component fully disappeared and I didn’t know how to get it back. I also assume it will still be in the live HTML as hidden, which I don’t look for.
Best Regards,
Anton
Hello,
I checked your website and seems you have set the background image and color in the CSS tab, and this has that effect. So, please remove the image and color from the CSS tab, and set the image in General tab => https://www.screencast.com/t/FiC2biWlrN and set the color in the Style tab => https://www.screencast.com/t/foQygdnq
Hope this helps you!
Thank you!
Hello!
The custom code you need to add in Newspaper -> Theme panel -> Custom code -> Custom code -> Custom CSS.
Thank you!
Hi, how can I change the style css (icon color) of the upload icon you see in the screenshot?
Screenshot:
https://i.ibb.co/C2j0PLH/Schermata-2021-03-01-alle-13-15-20.png
I’m using “infinite load”.
Thank you
Hello @carmesi!
For example, if you want to hide the author on blocks, then there should be an option in Layout tab: https://www.screencast.com/t/TkyGoXxxOQbL
But, if you use a default template, then you can hide only by CSS.
Thank you!
Hi,
The space can be adjusted from from css tab, also some elements like flex blocks has a special filed for this https://i.imgur.com/98MI3Mh.png -> https://i.imgur.com/zY0NHAk.png
If this is not what you mean, please let me know!
Thank you!
Hello,
You can reduce the space above the “Trending Now” field from the CSS tab, select the element called “News ticker” go to the CSS tab, and you can remove/set the margin top and bottom => https://www.screencast.com/t/IkXlvDV96v8v
Hope this helps you!
Thank you!
