- NewspaperCreate Custom Code with the browser’s Inspector or the Live CSS Box
- NewspaperScroll Animation
- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- NewspaperHow to setup Twitch for Social Counter
- NewspaperModal Popup
- NewspaperFlex Block Settings Guide
- NewspaperAutoptimize Plugin – install and configuration
- NewspaperAdding Multiple Authors to Your Articles
- NewspaperDesign your Post Pages using the Cloud Library Templates
- NewspaperBig Grid Flex Settings
- NewspapertagDiv Composer Tutorial
- NewspaperTheme modules and blocks
- NewspaperThe Mobile Theme
- NewspaperCompare theme files – Winmerge tutorial
- NewspaperUsing Other Ads
- NewspaperBlock settings tutorial
- Using custom fonts
- Using typekit fonts
- NewspaperChild Theme Support
- NewspaperHow to Make the Site Faster
Hello @archerix!
There are two workarounds there.
1. You can use these classes: https://prnt.sc/-OW-bTwOXj6t and place the div you want in the tagdiv Composer ad field: https://prnt.sc/8QtefdYQInIL
For more information, please check out this guide: https://forum.tagdiv.com/using-other-ads/.
For example, use the first div for desktop and do not use the other ones, and they will be hidden in the other viewports.
2. In the tagdiv composer: https://prnt.sc/mJr0qnjlCjaW If you check the CSS tab, you’ll find an option to hide the element. (This will hide all the ads from that element.) You can click on the mobile viewport: https://www.screencast.com/t/XDQJedlggSB and hide the entire element on mobile.
You can hide it from all users by going to the CSS tab of every element and selecting Display: Hidden. You can also hide the entire row.
If you can’t find an element after you have hidden it on every viewport, check this thread for the solution: https://forum.tagdiv.com/topic/cssdisplay-show-or-hidden/
Thank you!
Hello Vertesinfo202310 do you have the last theme version and you have the same problem like on post from reddit? If so, then please open the “Live CSS” and click on save button – https://i.imgur.com/RkrmBkT.jpg (this will check if the malware is in live css and if is it will remove it).
I hope this will help you!
How can I style urls/links in posts only? I know I can use css to style but that will change links site-wide. How can I change style only on links inside posts?
Hi,
The theme is missing the style.css stylesheet error. One of the reasons you may receive this error is if you have uploaded the incorrect file – https://help.market.envato.com/hc/en-us/articles/202821510-Theme-is-missing-the-style-css-stylesheet-error
Thank you!
Hi,
The bullet list is made with a custom css and an extra class on the block https://i.imgur.com/VsMFT1F.png ->
.td-numbers {
counter-reset: numbers;
}
.td-numbers .td_module_flex {
display: flex;
}
.td-numbers .td_module_flex .td-module-container {
flex: 1;
}
.td-numbers .td_module_flex:before {
counter-increment: numbers;
content: counter(numbers);
background-color:red;
color: black;
border-radius: 66px;
width: 31px;
height: 28px;
display: block;
text-align: center;
line-height: 28px;
margin-right: 10px;
}
@media (min-width: 768px) and (max-width: 1017px) {
.td-numbers .td_module_flex:before {
width: 52px;
height: 30px;
line-height: 30px;
}
}
@media (max-width: 767px) {
.td-numbers .td_module_flex:before {
width: 62px;
height: 30px;
line-height: 30px;
}
}
Set the code in a Raw CSS.
Thank you!
Hi,
The bullet list is made with a custom css and an extra class on the block https://i.imgur.com/VsMFT1F.png ->
.td-numbers {
counter-reset: numbers;
}
.td-numbers .td_module_flex {
display: flex;
}
.td-numbers .td_module_flex .td-module-container {
flex: 1;
}
.td-numbers .td_module_flex:before {
counter-increment: numbers;
content: counter(numbers);
background-color: var(--insight-purple);
color: var(--insight-turquoise);
border-radius: 66px;
width: 31px;
height: 28px;
display: block;
text-align: center;
line-height: 28px;
margin-right: 10px;
}
@media (min-width: 768px) and (max-width: 1017px) {
.td-numbers .td_module_flex:before {
width: 52px;
height: 30px;
line-height: 30px;
}
}
@media (max-width: 767px) {
.td-numbers .td_module_flex:before {
width: 62px;
height: 30px;
line-height: 30px;
}
}
Set the code in a Raw CSS.
Thank you!
Hello,
Indeed it is a gradient over the image so hen the image is more light the title of posts that comes over the image to look good.
If you want to remove it you need to use a custom css like this one:
.td-grid-style-1 .td-module-thumb a:last-child:before, .td_module_mx1 .td-module-thumb a:last-child:before { background: none;
}
This code needs to be set in the theme panel > custom code> custom css.
Thank you!
Hi RedKobra, it is possible to be some extra code in the theme that is overwrite the default code for embeded Youtube shortcode. What it can be done in this situation is to use a stronger css that will use the default settings, for this I will need a link to a post/page that contains an embed youtue, or the link of the youtube short that you want to embed.
Thank you!
Hello.
I can’t install the themeforest-GBFHgRpR-newsmag-news-magazine-newspaper.zip
After uploaded it, says that style.css is missed.
Any ideia how can I solve this?
Hello sir, actually I observed and I see that the CSS position fixed is not working in post type. It’s working in page type. It’s very important to enable in my website can you please fix it. I am just going to provide you the HTML and CSS code.
Html : <link rel=”stylesheet” href=”https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css”>
<i class=”fa fa-whatsapp my-float”></i>
<i class=”fa fa-phone my-float1″></i>
Css:
float{
position:Fixed;
width:60px;
height:60px;
bottom:40px;
right:40px;
background-color:#25d366;
color:#FFF;
border-radius:50px;
text-align:center;
font-size:30px;
box-shadow: 2px 2px 3px #999;
z-index:100;
}
.my-float{
margin-top:16px;
}
.float1{
position:fixed;
width:60px;
height:60px;
bottom:40px;
left:40px;
background-color:#d3253b;
color:#14FF01;
border-radius:50px;
text-align:center;
font-size:30px;
box-shadow: 2px 2px 3px #999;
z-index:100;
}
.my-float1{
margin-top:16px;
}
this query clears the td_live_css_local_storage value and doesn’t depend on the database prefix, run it as-is, just run it on your wp database
Hi @inserte,
Search your database for td_live_css_local_storage we found the trojan code placed inside here in wp-options. TagDiv should this table be in the wp-options database or can we delete it? We have now updated wordpress and newspaper along with the plugins with the theme so we are hoping the backdoor has been fixed.
no,no, it is not this question:
Roboto it was visible perfectly in all browsers til yesterday,
yesterday I wanted to eliminate the font recall from Google but the internal font never change, the current one is like “Georgia-San Serif”, a completely different thing.
I believe that if you can give me a css to give “Roboto” as default for everything I will solve it…
thank you Bettina
excuse me Bettina,
I want all fonts of site Roboto but it never change:
in backend it is ok, in front end it is another (sans serif maybe?)
I changed manually all elements of tag div composer
I changed the manager in editing also
I de-activated plug-in e all cache
nothing change: out is “sans serif”…
at this point can you give me a css custom please?
Hello Calin,
In terms of plugins, we have the following running:
Cloudflare
WP Super Cache
EWWW Image Optimizer
SWIS Performance
Auto Optimize
Interestingly, I don’t have the Inline CSS option in my theme panel. Again, we downgraded to 12.5.1 from 12.6 because of the layout and design issue that happened after the upgrade.
Yes Calin you was right I have cleared the Css settings and sidebar is now visible on tablet.
Thanks.
Gus
Hello @akosmemedia!
You can set a fixed height size for elements in the tagdiv composer because we’ve added a new feature in the latest update: the height option in the CSS tab of the elements.
Thank you!
Hello,
Indeed, it looks that this is happening on table only, on desktop it’s ok.
The problem is that for table you edited the width and you set a fix width – https://i.imgur.com/I382SDh.png and most of tablets do not have that size. What you need is to remove that 850px width from table (I think it is set on column in css tab), normally there should be a 75% width – https://i.imgur.com/GslM0Yg.png
Thank you!
Hi,
I said only to use cloud templates; you can create as you want the template. You can create your modules and use the flex block builder to display it -> https://forum.tagdiv.com/modules-builder-newspaper-theme/ -> https://forum.tagdiv.com/flex-block-builder-flex-loop-builder/
If you import only a template, then the colors and settings are applied only on that template; I said to change the blocks and the template to be able to turn off the tagdiv standard pack plugin because this plugin will be deprecated. You already have a cloud template for posts, authors, and categories. Maybe you have only cloud templates and don’t use elements from the standard pack plugin.
From what you said, I understood that you have more widgets displayed only a few days before the event. Is this correct?
You can add a page on the homepage, but this can be done in an iframe, and the content will load from both pages; what I can suggest is to use modal popup -> https://forum.tagdiv.com/modal-popup/ and set the page there. Then, the content will be loaded only where the button is pushed, depending on what trigger you set.
For optimization, please set the height and width of the logo https://pagespeed.web.dev/analysis/https-www-cinefilia-ro/lys3ldwyle?form_factor=desktop, and you can use the option from Theme Panel – Block Settings -> inline css. You can enable the options and do a page speed test to see if it will improve. If you want, you can contact us via email at contact@tagdiv.com, and there, we can communicate in Romanian.
For the jetpack newsletter, https://i.imgur.com/dsCY1BV.png please use this code
.wp-block-jetpack-subscriptions__container .wp-block-button__link {
padding: 8px 12px;
margin-top: 20px;
background-color: #561D5E;
}
Thank you!
Hi,
I see that you have the LiteSpeed cache plugin; please disable it and check after.
Also, please go to the theme panel -> block settings -> inline css and disable the option to minify the css.
Thank you!
Hello @odddic!
If you can’t find an element after you have hidden it on every viewport, check this thread for the solution: https://forum.tagdiv.com/topic/cssdisplay-show-or-hidden/
Thank you!
Shows: [tdb_header_logo align_vert=”content-vert-center” align_horiz=”content-horiz-center” image_width=”eyJwb3J0cmFpdCI6IjIyMCJ9″ media_size_image_height=”99″ media_size_image_width=”300″ image=”766″ image_retina=”766″]
[tdb_header_menu mc1_title_tag=”p” main_sub_tdicon=”td-icon-down” sub_tdicon=”td-icon-right-arrow” mm_align_horiz=”content-horiz-center” modules_on_row_regular=”20%” modules_on_row_cats=”25%” image_size=”td_324x400″ modules_category=”image” show_excerpt=”none” show_com=”none” show_date=”” show_author=”none” mm_sub_align_horiz=”content-horiz-right” mm_elem_align_horiz=”content-horiz-right” inline=”yes” menu_id=”66″ mm_align_screen=”yes” f_elem_font_family=”” f_elem_font_size=”eyJwb3J0cmFpdCI6IjExIn0=” mm_width=”1300″ mm_subcats_bg=”#ffffff” mm_elem_border_a=”0 1px 0 0″ mm_elem_padd=”eyJhbGwiOiIycHggMjJweCIsInBvcnRyYWl0IjoiMCAxNHB4In0=” mm_sub_padd=”eyJhbGwiOiIxNnB4IDAiLCJwb3J0cmFpdCI6IjE0cHggMCJ9″ f_title_font_size=”eyJhbGwiOiIxNSIsImxhbmRzY2FwZSI6IjE0IiwicG9ydHJhaXQiOiIxMyJ9″ f_title_font_line_height=”1.2″ art_title=”3px 0″ f_mm_sub_font_size=”eyJhbGwiOiIxMyIsInBvcnRyYWl0IjoiMTEifQ==” mm_child_cats=”10″ mm_elem_border=”0 1px 0 0″ mm_height=”eyJhbGwiOiIzNDUiLCJsYW5kc2NhcGUiOiIzMDAiLCJwb3J0cmFpdCI6IjI0MCJ9″ mm_sub_width=”eyJsYW5kc2NhcGUiOiIxNjAiLCJwb3J0cmFpdCI6IjE0MCJ9″ mm_padd=”eyJwb3J0cmFpdCI6IjE0In0=” modules_gap=”eyJwb3J0cmFpdCI6IjE0In0=” elem_padd=”eyJwb3J0cmFpdCI6IjAgMTJweCJ9″ f_elem_font_line_height=”eyJwb3J0cmFpdCI6IjQ4cHgifQ==” video_icon=”eyJwb3J0cmFpdCI6IjI0In0=” all_modules_space=”26″ tds_menu_sub_active=”tds_menu_sub_active1″ tds_menu_sub_active2-line_color=”” tds_menu_active=”tds_menu_active1″][tdb_header_search inline=”yes” toggle_txt_pos=”after” form_align=”content-horiz-right” results_msg_align=”content-horiz-center” image_floated=”float_left” image_width=”30″ image_size=”td_324x400″ show_cat=”none” show_btn=”none” show_date=”” show_review=”” show_com=”none” show_excerpt=”none” show_author=”none” art_title=”0 0 2px 0″ all_modules_space=”20″ tdicon=”td-icon-magnifier-big-rounded” icon_size=”eyJhbGwiOiIyMCIsInBvcnRyYWl0IjoiMTgifQ==” tdc_css=”eyJhbGwiOnsiZGlzcGxheSI6IiJ9LCJwb3J0cmFpdCI6eyJtYXJnaW4tdG9wIjoiMSIsImRpc3BsYXkiOiIifSwicG9ydHJhaXRfbWF4X3dpZHRoIjoxMDE4LCJwb3J0cmFpdF9taW5fd2lkdGgiOjc2OH0=” modules_on_row=”eyJhbGwiOiI1MCUiLCJwb3J0cmFpdCI6IjUwJSIsImxhbmRzY2FwZSI6IjUwJSJ9″ meta_info_horiz=”content-horiz-left” form_width=”600″ input_border=”0 0 1px 0″ modules_divider=”” form_padding=”eyJwb3J0cmFpdCI6IjIwcHggMjBweCAyMHB4IiwiYWxsIjoiMzBweCJ9″ arrow_color=”#ffffff” btn_bg_h=”rgba(0,0,0,0)” btn_tdicon=”td-icon-menu-right” btn_icon_pos=”after” btn_icon_size=”7″ btn_icon_space=”8″ f_title_font_family=”” f_cat_font_family=”” f_cat_font_transform=”uppercase” f_title_font_weight=”” f_title_font_transform=”” f_title_font_size=”13″ title_txt_hover=”#4db2ec” results_limit=”6″ float_block=”yes” icon_color=”#000000″ results_border=”0 0 1px 0″ f_title_font_line_height=”1.4″ btn_color=”#000000″ btn_color_h=”#4db2ec” all_underline_color=”” results_msg_color_h=”#4db2ec” image_height=”100″ meta_padding=”3px 0 0 16px” modules_gap=”20″ mc1_tl=”12″ show_form=”yes” f_meta_font_weight=”” h_effect=”” results_msg_padding=”10px 0″ f_results_msg_font_style=”normal” video_icon=”24″ modules_divider_color=”” modules_border_color=”” btn_padding=”0″ form_border=”0″ form_shadow_shadow_offset_vertical=”3″ results_padding=”0 30px 30px” btn_bg=”rgba(0,0,0,0)” icon_padding=”eyJhbGwiOjIuNCwicG9ydHJhaXQiOiIyLjYifQ==”]
Thanks, Anamaria 🙂
I have one more query I’m willing to add a button when I lcik it shows newsletter signup.
Newsletter service provider has given me this code
<button class=”ml-onclick-form” onclick=”ml(‘show’, ‘6MfRAZ’, true)”>Click here to show form</button>
and said embedd wherever you want and you will get that feature. I don’t know how to embed it. It is neither HTML nor CSS. I created a button but it asks URL not this code.
so how to enter this code in my website and get access to button feature.