- 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
- NewsmagtagDiv Composer Tutorial
- TutorialsFrom WPBakery to tagDiv Composer
- NewspapertagDiv Composer Tutorial
- NewspaperTheme modules and blocks
- TutorialsDefault Block Settings Guide
- NewspaperThe Mobile Theme
- NewspaperCompare theme files – Winmerge tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
Hi,
I understand, have you tried several cookie plugins and still the result is the same?
What I think is happening is that this plugin blocks some css code or some javascript from the gallery.
Please do some testes with othere plugins: Top 10 Cookie Consent plugins for WordPress
Thank you!
Hello,
You can set the image radius in the tab layout on the flex blocks https://i.imgur.com/WHKCgqH.png and for big grid flex you need to use a custom coe css
.td-big-grid-flex .td-image-wrap {
border-radius: 25px;
}
Set the code in the theme panel > custom code> custom css.
Thank you!
Issue(s) solved. Found them @ CSS settings tab.
Thanks!
① Cloud → Can you add a block between red? The current page is also in the state of adding the homepage block. Can you add more?
https://ibb.co/KX16KMF
② I want to designate only the red part, but even if I move the mouse here and there, either the whole or only the text is specified.
Doesn’t the TagDiv composer have something like a task bar? For example https://ibb.co/n1xTDxg Gudenberg is like this. It’s too inconvenient.
https://ibb.co/XY7rn30
③ Please explain how to make a colored cell like the one in red.
https://ibb.co/Gx6ktXN
④ The WordPress mark image sticks too tightly to the top, so even if I try to increase the CSS margin, I can’t get this column even if I move the mouse here and there.
⑤ I want to put a box color like ③ here. How can I do that?
Running the TagDiv CSS Analyzer.
Tried it several times, different computers etc.
This time I just let it run, and it’s on day three running, and still on step one.
Can you help me figure out what is wrong???
See attached pic
THANKS!!
Hi, folks
after trying some normal debug stuff; a) disable any custom CSS; b) remove Google ads; c) disable some widgets; still having minor CSS issue cannot solve, as not sure if specific to me, or general element from composer plugin.
Specifically, on Chrome Desktop, Windows 11 Pro (all latest versions); latest version of Newsmag theme and composer plugin. No other composer plugins installed; have the default WordPress plugins to allow legacy widgets and post editor.
ISSUE: on home page, the ‘slider’ element, background gradient seems to run full width to the edge of the left column outside the slider element.
I am using simple grid layout as
[ row ]
inside row,
[ 2/3 col ] [ 1/3 col ]
in right col have the widget element and nothing else
You may be able to see the issue here:
NewYorkNetwire.com
and here is home page code elements from composer
[tdc_zone type="tdc_content"][vc_row][vc_column][/vc_column][/vc_row][vc_row][vc_column width="2/3"][td_block_slide title_tag="" ms_title_tag="h2" custom_title="FEATURED" limit="2" category_id="4048" header_color="#dd3333"][td_block_4 custom_title="NEW YORK BUSINESS NEWS" limit="2" category_id="4048" offset="2"][td_block_4 custom_title="NEW YORK BUSINESS NEWS" limit="2" category_id="4048" offset="4"][td_block_11 ajax_pagination="load_more" category_id="6" limit="6" offset="6"][td_block_4 custom_title="NEW YORK GOVERNMENT AND POLITICS" limit="2" category_id="10"][td_block_11 category_id="10" offset="2" ajax_pagination="load_more" limit="2"][vc_separator border_width="2"][td_block_8 custom_title="NATIONAL NEWSWIRE STORIES" header_color="#1e73be" limit="8" category_id="5" ajax_pagination="load_more"][/vc_column][vc_column width="1/3"][vc_widget_sidebar sidebar_id="td-homepager"][/vc_column][/vc_row][/tdc_zone]
This site was just migrated to v5 from v3. I delete old home page elements completely, but still same ‘page’ — started with fresh layout.
On my iPad it looked just fine; but not on PC desktop.
Thanks for help on this one 🙂
Hi,
Try to use this custom code
.td-category a
{color:black!important;
}
Set the code in Theme Panel ->Custom code -> Custom CSS
Thank you!
Hello @platamun47 !
Try to add this CSS code into the Live CSS section:
.tagdiv-type iframe{ height:auto!important;}
Let me know the results!
Thank you!
I am trying to design hyperlinks in letters.
How did you apply it, but today I can’t see the CSS code.
So when I try to apply it again, it doesn’t work. Please review the code to see if it is incorrect.
Is it correct to put the code here?
I applied it to Custom → CSS, is it okay to apply it here in the future?
/* 하이퍼링크 Link */
.post p a{
word-break: break-all;
color: #3e5898;
transition: color .25s ease-in;
color: #3E5898;
background-repeat: no-repeat;
background-size: 100% 0.2em;
background-position: 0 100%;
background-image: linear-gradient(to right,#00BCD4,#5C6BC0);
transition: all .25s ease-in;
padding: 2px 0;
}
.post p a:hover {
background-size: 100% 100% !important;
color: #fff !important;
border-radius: 10px !important;
}
Hello Joel!
Check in the CSS tab of that element(maybe there is a margin left or right).
Thank you!
Hello,
Please set margin bottom 0 for the first element in css tab -> https://i.imgur.com/3y8G7z8.png
Thank you!
Hi,
This is how the mega menu works, you have the parent category SANTÉ and the others are subcategories of the parent category. To provide a css, please provide the link to your website.
Thank you!
Hi,
By default the rows from the composer have 1068px in width, that is the default setting https://i.imgur.com/uuwcpFo.png
Then rows can be stretched if needed, to the provided values. I assume that by decreasing the margins of the page you mean increasing the width of the content. This will indeed reduce the margins, as the content is larger. So you could stretch the rows in the page.
If you want a width value that is not available for selecting, stretch the rows to full and set your desired value here https://i.imgur.com/MDgzWje.png Every row, column, or element from the composer has a width setting in the CSS tab, also margins and padding can be set there if needed. It depends on what exactly you want to achieve in the page.
Thank you!
Hi Anamaria,
Here is my SANTÉ item in the menu in admin :
https://app.screencast.com/RKdzGz8TnCSAF
Here is in front :
https://app.screencast.com/Q0usnZlZRlds6
and in mobile mode :
https://app.screencast.com/8JHO99xbUhYrq
Sub-levels 2 shouldn’t be melted with sublevels 1.
As sub-levels 2 are not distinguished from sub-levels 1 by a class, I can’t do anything in CSS (hide them, shift them to the right, …) nor in JS.
https://app.screencast.com/gGpoAH1LnSIes
How can I avoid display sublevel 2 (and sublevel 3 existing in Social item) in desktop view and avoid them or have another dropdown in mobile view ?
Regards,
Francis
Hello @platamun47 !
Unfortunately, no. The scrollbar is different from browser to browser.
In order to increase that space, try it like this: https://prnt.sc/XHKRqJm_H-DP
If you set from the CSS code “display:none;” to the scrollbar, then the mobile horizontal menu won’t work.
Thank you!
Hello @jaapnr1 !
Unfortunately, we haven’t an option to hide the element only for logged in/out users. You can hide from all users from the CSS tab of every element -> Display: Hidden.
Thank you!
Hello @maxhenry !
Please check in Composer(desktop view) the inner column and check if it is hidden in the CSS tab: https://prnt.sc/enwz1CHeB3ID (set it as show).
Thank you!
Hello @platamun47 !
Please check in the TagDiv Composer, in the CSS tab of the elements and set a margin bottom 0 for example.
Thank you!
could someone share how to change the Logo Header to be multiple colors?
For instance, This Site, where “This” is red and “Site” is Black.
I have already tried using a png image. Does not work the way it is set up.
Also, through inspect I have tried to change the colors using the selector name, but LiveCSS does not appear to have any effect, more likely, the selector name is incorrect.
Is there any documentation on LiveCSS?
#Header #Newspaper #LogoText
Dear Support,
I installed vintage_choppers_store!
How to use this page https://demo.tagdiv.com/newspaper_shop_vintage_choppers_store/product/diplomatic-tt/
for different products?
When I duplicated this product I can not find in menu pages. How to added new product to main menu?
I want use Woo Product Template for 3 different product with its images. I changed background image in Row/Css
and I have same background image in different products.
Is it possible to resolve this?
Thank you in advance.
https://www.felanews.com/
This is coming when i am opening the website
[tdb_header_weather icon_color=”#000000″ temp_color=”#000000″ loc_color=”#000000″ inline=”yes” tdc_css=”eyJhbGwiOnsibWFyZ2luLXRvcCI6Ii00IiwibWFyZ2luLXJpZ2h0IjoiMzAiLCJkaXNwbGF5IjoiIn0sInBvcnRyYWl0Ijp7Im1hcmdpbi1yaWdodCI6IjE1IiwiZGlzcGxheSI6IiJ9LCJwb3J0cmFpdF9tYXhfd2lkdGgiOjEwMTgsInBvcnRyYWl0X21pbl93aWR0aCI6NzY4fQ==” unit_color=”#000000″ f_temp_font_family=”712″ f_unit_font_family=”712″ f_loc_font_family=”712″ f_temp_font_size=”11″ f_unit_font_size=”9″ f_loc_font_size=”11″ f_temp_font_weight=”500″ f_unit_font_weight=”500″ f_loc_font_weight=”500″ f_temp_font_line_height=”1″ f_unit_font_line_height=”1″ f_loc_font_line_height=”1″ location=”New Delhi” api=”c396e133ca2ab7dfa7cffcf66e07ca35″][tdb_header_date inline=”yes” date_color=”#000000″ tdc_css=”eyJhbGwiOnsibWFyZ2luLXJpZ2h0IjoiMzAiLCJkaXNwbGF5IjoiIn0sInBvcnRyYWl0Ijp7Im1hcmdpbi1yaWdodCI6IjE1IiwiZGlzcGxheSI6IiJ9LCJwb3J0cmFpdF9tYXhfd2lkdGgiOjEwMTgsInBvcnRyYWl0X21pbl93aWR0aCI6NzY4fQ==” f_date_font_family=”712″ f_date_font_size=”11″ f_date_font_weight=”500″ f_date_font_line_height=”1″][tdb_header_user inline=”yes” logout_tdicon=”td-icon-logout” usr_color=”#000000″ log_color=”#000000″ log_ico_color=”#000000″ tdc_css=”eyJhbGwiOnsibWFyZ2luLXJpZ2h0IjoiMjAiLCJkaXNwbGF5IjoiIn0sInBvcnRyYWl0Ijp7Im1hcmdpbi1yaWdodCI6IjE1IiwiZGlzcGxheSI6IiJ9LCJwb3J0cmFpdF9tYXhfd2lkdGgiOjEwMTgsInBvcnRyYWl0X21pbl93aWR0aCI6NzY4fQ==” f_usr_font_family=”712″ f_usr_font_weight=”500″ f_usr_font_size=”11″ f_log_font_size=”11″ f_log_font_weight=”500″ f_log_font_family=”712″ f_usr_font_line_height=”1″ f_log_font_line_height=”1″]
[tdb_header_logo align_vert=”content-vert-top” display=”” align_horiz=”content-horiz-center” show_title=”none” show_tagline=”none” tagline_align_horiz=”content-horiz-left” tdc_css=”eyJhbGwiOnsiZGlzcGxheSI6IiJ9LCJsYW5kc2NhcGUiOnsibWFyZ2luLXJpZ2h0IjoiLTMwIiwibWFyZ2luLWxlZnQiOiItMjAiLCJkaXNwbGF5IjoiIn0sImxhbmRzY2FwZV9tYXhfd2lkdGgiOjExNDAsImxhbmRzY2FwZV9taW5fd2lkdGgiOjEwMTksInBvcnRyYWl0Ijp7Im1hcmdpbi1yaWdodCI6Ii0xMCIsIm1hcmdpbi1sZWZ0IjoiLTUiLCJkaXNwbGF5IjoiIn0sInBvcnRyYWl0X21heF93aWR0aCI6MTAxOCwicG9ydHJhaXRfbWluX3dpZHRoIjo3Njh9″ media_size_image_height=”99″ media_size_image_width=”300″ image=”507″]
spot_img
[tdb_header_menu 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=”20%” image_size=”td_324x400″ modules_category=”above” show_excerpt=”none” show_com=”none” show_date=”none” show_author=”none” mm_sub_align_horiz=”content-horiz-right” mm_elem_align_horiz=”content-horiz-center” mm_align_screen=”yes” f_elem_font_size=”eyJhbGwiOiIxMyIsInBvcnRyYWl0IjoiMTAifQ==” elem_padd=”eyJwb3J0cmFpdCI6IjAgMTBweCIsImFsbCI6IjAgMTJweCJ9″ menu_id=”203″ text_color=”#ffffff” tds_menu_active=”tds_menu_active3″ f_elem_font_line_height=”eyJhbGwiOiI0OHB4IiwicG9ydHJhaXQiOiI0MHB4In0=” f_elem_font_family=”712″ f_elem_font_transform=”capitalize” f_elem_font_weight=”400″ f_elem_font_spacing=”0.4″ tdc_css=”eyJhbGwiOnsibWFyZ2luLWxlZnQiOiItMTAiLCJkaXNwbGF5IjoiIn0sInBvcnRyYWl0Ijp7ImRpc3BsYXkiOiIifSwicG9ydHJhaXRfbWF4X3dpZHRoIjoxMDE4LCJwb3J0cmFpdF9taW5fd2lkdGgiOjc2OH0=” main_sub_icon_size=”eyJhbGwiOiIxMCIsInBvcnRyYWl0IjoiOSJ9″ tds_menu_active3-bg_color=”#000000″ f_sub_elem_font_family=”712″ f_sub_elem_font_size=”12″ mm_shadow_shadow_size=”20″ mm_shadow_shadow_color=”rgba(0,0,0,0.15)” sub_shadow_shadow_size=”10″ sub_shadow_shadow_offset_horizontal=”0″ sub_shadow_shadow_offset_vertical=”2″ sub_shadow_shadow_color=”rgba(0,0,0,0.15)” mm_shadow_shadow_offset_vertical=”4″ sub_first_left=”-15″ sub_rest_top=”-15″ sub_padd=”10px 0 15px” sub_elem_padd=”5px 20px” align_horiz=”content-horiz-center” main_sub_icon_align=”eyJhbGwiOjEsInBvcnRyYWl0IjoiMCJ9″ f_sub_elem_font_weight=”500″ mm_child_cats=”10″ main_sub_icon_space=”eyJwb3J0cmFpdCI6IjUifQ==” show_mega_cats=”yes” sub_text_color=”#000000″ tds_menu_sub_active1-sub_text_color_h=”#008d7f” mm_border_size=”0″ mm_elem_border=”0″ mm_elem_border_a=”0″ mm_sub_width=”100%” mm_elem_padd=”eyJhbGwiOiI1cHggMTVweCIsInBvcnRyYWl0IjoiM3B4IDEycHgifQ==” modules_gap=”eyJhbGwiOiIxNSIsInBvcnRyYWl0IjoiNyJ9″ all_modules_space=”0″ mm_sub_padd=”eyJhbGwiOiI1cHggMCAxNXB4ICIsInBvcnRyYWl0IjoiM3B4IDAgMTJweCAifQ==” mm_width=”eyJhbGwiOiIxMTY0IiwibGFuZHNjYXBlIjoiMTAwJSIsInBvcnRyYWl0IjoiMTAwJSJ9″ mm_padd=”eyJhbGwiOiIyNSIsImxhbmRzY2FwZSI6IjIwIiwicG9ydHJhaXQiOiIxNSJ9″ mm_sub_inline=”yes” mm_sub_border=”0″ mm_subcats_posts_limit=”5″ mm_subcats_bg=”#ffffff” meta_info_horiz=”content-horiz-center” meta_padding=”eyJhbGwiOiIxNXB4IDVweCAwIDVweCIsInBvcnRyYWl0IjoiMTJweCAwIDAgMCJ9″ modules_category_padding=”0″ art_title=”eyJhbGwiOiIxMHB4IDAgMCAwIiwicG9ydHJhaXQiOiI4cHggMCAwIDAifQ==” art_excerpt=”0″ f_mm_sub_font_family=”712″ f_mm_sub_font_size=”eyJhbGwiOiIxMyIsInBvcnRyYWl0IjoiMTEifQ==” f_mm_sub_font_line_height=”1.2″ f_mm_sub_font_weight=”500″ title_txt_hover=”#008d7f” title_txt=”#000000″ mm_elem_color_a=”#008d7f” cat_bg=”rgba(255,255,255,0)” cat_bg_hover=”rgba(255,255,255,0)” cat_txt=”#000000″ cat_txt_hover=”#008d7f” pag_h_bg=”#008d7f” pag_h_border=”#008d7f” f_title_font_family=”712″ f_title_font_size=”eyJhbGwiOiIxNSIsInBvcnRyYWl0IjoiMTEifQ==” f_title_font_line_height=”1.2″ f_title_font_weight=”500″ f_cat_font_size=”eyJhbGwiOiIxMyIsInBvcnRyYWl0IjoiMTEifQ==” f_cat_font_line_height=”1″ f_cat_font_weight=”400″ f_cat_font_transform=”uppercase” pag_icons_size=”eyJwb3J0cmFpdCI6IjYifQ==” mc1_title_tag=”p”]
[tdb_header_search 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=”none” show_com=”none” show_excerpt=”none” show_author=”none” meta_padding=”0 0 0 15px” art_title=”0 0 5px” all_modules_space=”15″ tdc_css=”eyJhbGwiOnsiZGlzcGxheSI6IiJ9fQ==” form_align=”content-horiz-right” icon_color=”#ffffff” icon_size=”eyJhbGwiOiIxOCIsInBvcnRyYWl0IjoiMTQifQ==” icon_padding=”eyJhbGwiOjIuNiwicG9ydHJhaXQiOiIyLjgifQ==” tdicon=”td-icon-magnifier-medium-short-light” show_form=”yes” form_border_color=”#dd3333″ arrow_color=”#dd3333″ form_shadow_shadow_size=”10″ form_shadow_shadow_color=”rgba(0,0,0,0.12)” f_input_font_family=”712″ f_input_font_weight=”400″ f_btn_font_family=”712″ f_btn_font_weight=”400″ f_input_font_size=”13″ f_placeholder_font_family=”712″ f_placeholder_font_weight=”400″ f_placeholder_font_size=”13″ f_btn_font_size=”13″ f_results_msg_font_family=”712″ f_results_msg_font_size=”11″ f_title_font_family=”712″ f_title_font_size=”13″ f_title_font_line_height=”1.2″ f_meta_font_family=”712″ f_meta_font_size=”11″ f_meta_font_line_height=”1″ title_txt_hover=”#008d7f” btn_bg_h=”eyJ0eXBlIjoiZ3JhZGllbnQiLCJjb2xvcjEiOiIjMDA4ZDdmIiwiY29sb3IyIjoiIzAwOGQ3ZiIsIm1peGVkQ29sb3JzIjpbXSwiZGVncmVlIjoiLTkwIiwiY3NzIjoiYmFja2dyb3VuZC1jb2xvcjogIzAwOGQ3ZjsiLCJjc3NQYXJhbXMiOiIwZGVnLCMwMDhkN2YsIzAwOGQ3ZiJ9″ modules_gap=”0″ image_height=”80″ meta_info_align=”center” results_msg_color_h=”#008d7f”]
Hi,
There is a custom class and custom code in the theme files, so you need to add an extra class on the Single Post Content, I added td-fashion-pro -> https://i.imgur.com/0NEyz8c.png and use this code, maybe you needto adjust it.
.td-fashion-pro figcaption
{
position: relative;
top: 50%;
transform: translateY(-50%);
left: -180px;
text-align: left;
width: 250px;
padding: 20px;
background-color: #fff;
border-left: solid 10px rgba(189, 0, 255, 0.56);
}
Set the code in Theme Panel ->Custom code -> Custom CSS
Thank you!