hello,
this code will affect bothrop-downs, for the siblings and for the ‘latest’ dropdown filters.
.td-category-siblings .td-subcat-dropdown a, .td-category-header .td-pulldown-category-filter-link{
font-size: 11px;
}
Place the code in the theme panel -> custom css box
Thank you!
Hi,
This should do it, give it a try. The code can be entered in Theme panel->Custom CSS code section
– https://www.screencast.com/t/s5ypbQhVKicm
.tdm-menu-active-style2 .tdm-header .td-affix ul.sf-menu>li {
line-height: 48px!important;
}
Hi,
Custom CSS can be entered either in the Live CSS, or theme panel custom code sections. The theme panel category tag setting will affect all the modules.
If you want to remove the category tag for only one specific module in a block and not the rest, you could first set a custom class for the block
– https://www.screencast.com/t/5uxWsEfEA
Then refer to that class and remove the category tag only for that block
– https://www.screencast.com/t/NIHDR7h4sp
.myclass .td-post-category {
display: none;
}
I believe that is what you want. Let me know if I misunderstand.
Thanks
Hello,
you can try to tweak it with css a bit but the ad is way too big for the header ad spot. It will not look good. There is no simple solution to implement both that huge ad and the logo on the same row. I this case i recommend using a header style that does not display the header ad next to the logo.
Thanks.
Hello
You can add this custom css in the theme panel-> custom css box:
.td-header-style-3 .td-header-sp-logo{
margin-left:0;
}
Thank you!
Hi,
@EditMac Do you use the mobile theme plugin? If you do, note that custom code has to be entered in the mobile theme custom CSS section
– https://www.screencast.com/t/EeuBgPBxQ
Code entered there will apply to the mobile theme.
Easy to do with css, easy to do with plugins, etc.
Try this code, but replace the # with color name or color code.
.td-page-content p a, .td-post-content p a {
color: #;}
paste the code in the custom CSS section of the theme panel.
Hello. I installed speedbooster o nothing happened. CSS and Js of theme are in <head>
In the descripiton of plugins section said: “Speed booster for Newspaper 7 and Newsmag 3 themes”
Does Speedbooster work with the version 4 of Newsmag?
–I do not have any other plugin installed
Thanks
2 issues on this page https://new.pasp.org.cy/
1. There is some code showing up below the footer bar. It is not from the advance CSS.
2. The search box (top left side of the Top Bar) looks messy. Text box and button are not aligned.
3. On the sticky menu, the logo doesn’t show up. How can i make the word HOME show up only in the sticky menu?
There are little edit things in the top left-hand corner of the pictures. Sure I can hide them with CSS. But I want them to not show up.
I did that admin bar removal code in the child theme. Did not work. Used a plugin and that worked. Would rather use the code though.
Found the problem. TD Composer left behind empty pieces of code when I deleted different elements/rows. I was in a rush to move my equipment out of the rain (working outside) and forgot to screenshot. Very Generic example:
[td_block_text_with_title tdc_css=""""]
The empty deprecated pieces of code are only visible in the normal WordPress Page editor. The text tab is better to find them, look for double html quotes "". I deleted two rows of data, saved, cleared caches (just because), and site is working again.
I’ll have to re-do those two rows, but it’s better than a “Fatal Error” and at least I know where to start troubleshooting if the error comes up again.
This is for anyone who has or may have a “Fatal Error” problem in the future.
How do I use live CSS to suppress the category tag on a block on which the tag is otherwise enabled (through the theme panel)?
Thanks!
Hello loano1,
Yes, it’s possible if you will use such a custom CSS area and target the specific category by ID and check the results. -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thanks for your understanding!
Can you guys put together a video tutorial on how to determine how to to determine what CSS to edit or refer me to one? This would answer 25% of my questions here.
Thanks
Hi,
Well the buttons that you say look ‘cheap’, come from contact form or woocommerce. The thee has no settings to style these buttons.
You can maybe try this css code to style them:
.single-product .product .summary .cart .button, .wpcf7-form input[type=submit] {
border-radius:5px;
background-color: #f60;;
}
.single-product .product .summary .cart .button:hover{
background-color:#444!important
}
.wpcf7-form input[type=submit]:hover{
background-color:#444!important
}
Thank you!
Hello,
You can add this code in your custom css section of the theme panel to reduce the bottom padding of the container:
.td-main-content-wrap{
padding-bottom:0;
}
Thank you!
Hi Guys,
I’ve had this issue over multiple Newspaper versions and I am fully up to date with the latest theme.
When setting the Slide element on the WomensGolf.com front page using TagDiv Composer, it looks very compressed on mobile so I want to hide it on mobile (looks fine on all other screen sizes).
When the slide element is hidden using CSS view in composer it causes the entire page to become unresponsive and crash when viewed on a mobile. As soon as I change to ‘show’ the slide element on mobile, or delete the element, the page is fine again.
Is this a known issue when elements are hidden from mobile view?
Hello
With the new updates, the buttons have a really nice looks.
For example:
https://www.virtualmagie.com/contact/annoncer-sur-virtualmagie-com/
But the problem is the other buttons on the site look very cheap in regards.
Some example with the contact form:
https://www.virtualmagie.com/contact/
or the shop:
https://www.virtualmagie.com/boutique/livres-de-magie-papier/en-route-john-guastaferro-francais/
Before you add this in a new update, could you please provide some CSS code transform all other buttons on the same look like the big round one?
Thanks
Also, the need to implement the api is still there.
We have painstakingly created a custom “alphabetical letter” taxonomy to display all posts on one page using a keyword, all posts that have keyword A on page A etc etc.
However since we can not select a custom taxonomy on the tagdiv composer when filtering posts (only categories are allowed) we are stuck.
We have implemented this text into the plugin, which gets us the ARTICLE DISPLAY VIEW icons on the theme panel. however when we select them the page reverts back to the default. could you point us in the right direction please ?
<?php
/*
Plugin Name: td-api-plugin
Plugin URI: http://tagdiv.com
Description: tagDiv API plugin
Author: tagDiv
Version: 1.0
Author URI: http://tagdiv.com
*/
class td_api_plugin {
var $plugin_url = '';
var $plugin_path = '';
var $root = '';
function __construct()
{
$this->root = get_site_url();
$this->plugin_url = plugins_url('', __FILE__); // path used for elements like images, css, etc which are available on end user
$this->plugin_path = dirname(__FILE__); // used for internal (server side) files
add_action('td_global_after', array($this, 'hook_td_global_after')); // hook used to add or modify items via Api
}
function hook_td_global_after() {
//Add new modules
td_api_module::add('td_module_20',
array(
'file' => $this->root . "/wp-content/themes/newspaper-child/includes/modules/td_module_20.php",
'text' => 'Module 20',
'img' => $this->root . '/wp-content/themes/newspaper-child/images/panel/modules/td_module_20.png',
'used_on_blocks' => array('td_block_25'),
'excerpt_title' => 30,
'excerpt_content' => 50,
'enabled_on_more_articles_box' => false,
'enabled_on_loops' => true,
'uses_columns' => true, // if the module uses columns on the page template + loop
'category_label' => true,
'class' => 'td_module_wrap td-animation-stack',
'group' => '' // '' - main theme, 'mob' - mobile theme, 'woo' - woo theme
)
);
td_api_module::add('td_module_21',
array(
'file' => $this->root . "/wp-content/themes/newspaper-child/includes/modules/td_module_21.php",
'text' => 'Module 21',
'img' => $this->root . '/wp-content/themes/newspaper-child/images/panel/modules/td_module_21.png',
'used_on_blocks' => array('td_block_21'),
'excerpt_title' => 15,
'excerpt_content' => '',
'enabled_on_more_articles_box' => true,
'enabled_on_loops' => true,
'uses_columns' => true, // if the module uses columns on the page template + loop
'category_label' => true,
'class' => 'td_module_wrap',
'group' => '' // '' - main theme, 'mob' - mobile theme, 'woo' - woo theme
)
);
}
}
new td_api_plugin();
the text in module 20 for instance looks like this:
<?php
class td_module_20 extends td_module {
function __construct($post, $module_atts = array()) {
//run the parrent constructor
parent::__construct($post, $module_atts);
}
function render() {
ob_start();
$title_length = $this->get_shortcode_att('m20_tl');
?>
<div class="<?php echo $this->get_module_classes();?>">
<div class="td-module-image">
<?php echo $this->get_image('td_150x150');?>
<?php if (td_util::get_option('tds_category_module_20') == 'yes') { echo $this->get_category(); }?>
</div>
<?php echo $this->get_title($title_length);?>
<div class="td-module-meta-info">
<?php echo $this->get_author();?>
<?php echo $this->get_date();?>
<?php echo $this->get_comments();?>
</div>
<?php echo $this->get_quotes_on_blocks();?>
</div>
<?php return ob_get_clean();
}
}
We have created pages for each letter which each run their specific post template, which looks like this:
<?php
/*
Template Name: archief albumrecensie a
*/
get_header();
//set the template id, used to get the template specific settings
$template_id = 'archive';
//prepare the loop variables
global $loop_module_id, $loop_sidebar_position, $part_cur_auth_obj;
$loop_module_id = td_util::get_option('tds_' . $template_id . '_page_layout', 1); //module 1 is default
$loop_sidebar_position = td_util::get_option('tds_' . $template_id . '_sidebar_pos'); //sidebar right is default (empty)
// sidebar position used to align the breadcrumb on sidebar left + sidebar first on mobile issue
$td_sidebar_position = '';
if($loop_sidebar_position == 'sidebar_left') {
$td_sidebar_position = 'td-sidebar-left';
}
//read the current author object - used by here in title and by /parts/author-header.php
$part_cur_auth_obj = (get_query_var('author_name')) ? get_user_by('slug', get_query_var('author_name')) : get_userdata(get_query_var('author'));
//prepare the archives page title
{
$td_archive_title = get_the_title();
}
?>
<div class="td-main-content-wrap td-container-wrap">
<div class="td-container <?php echo $td_sidebar_position; ?>">
<div class="td-crumb-container">
<?php echo td_page_generator::get_archive_breadcrumbs(); // get the breadcrumbs - /includes/wp_booster/td_page_generator.php ?>
</div>
<div class="td-pb-row">
<?php
switch ($loop_sidebar_position) {
default:
?>
<div class="td-pb-span8 td-main-content">
<div class="td-ss-main-content">
<div class="td-page-header">
<h1 class="entry-title td-page-title">
<span><?php echo $td_archive_title; ?></span>
</h1>
</div>
<?php locate_template('loop-albumrecensies-a.php', true);?>
<?php echo td_page_generator::get_pagination(); // get the pagination - /includes/wp_booster/td_page_generator.php ?>
</div>
</div>
<div class="td-pb-span4 td-main-sidebar">
<div class="td-ss-main-sidebar">
<?php get_sidebar(); ?>
</div>
</div>
<?php
break;
case 'sidebar_left':
?>
<div class="td-pb-span8 td-main-content <?php echo $td_sidebar_position; ?>-content">
<div class="td-ss-main-content">
<div class="td-page-header">
<h1 class="entry-title td-page-title">
<span><?php echo $td_archive_title; ?></span>
</h1>
</div>
<?php locate_template('loop-albumrecensies-a.php', true);?>
<?php echo td_page_generator::get_pagination(); // get the pagination - /includes/wp_booster/td_page_generator.php ?>
</div>
</div>
<div class="td-pb-span4 td-main-sidebar">
<div class="td-ss-main-sidebar">
<?php get_sidebar(); ?>
</div>
</div>
<?php
break;
case 'no_sidebar':
?>
<div class="td-pb-span12 td-main-content">
<div class="td-ss-main-content">
<div class="td-page-header">
<h1 class="entry-title td-page-title">
<span><?php echo $td_archive_title; ?></span>
</h1>
</div>
<?php locate_template('loop-albumrecensies-a.php', true);?>
<?php echo td_page_generator::get_pagination(); // get the pagination - /includes/wp_booster/td_page_generator.php ?>
</div>
</div>
<?php
break;
}
?>
</div> <!-- /.td-pb-row -->
<div class="archiefmenutitel"></br></br><h1 class="entry-title td-page-title">ARCHIEF</h1></div>
<div class="albumrecensiesabc">
<?php wp_nav_menu( array( 'theme_location' => 'albumrecensiesabc' ) ); ?>
</div>
</div> <!-- /.td-container -->
</div> <!-- /.td-main-content-wrap -->
<?php
get_footer();
and finally the loop it uses
<?php
/**
* If you are looking for the loop that's handling the single post page (single.php), check out loop-single.php
**/
// $global_flag_to_hide_no_post_to_display - comes from page-category-big-grid.php and is a flag to hide the 'No posts to display' message if on category page there are between 1 and 5 posts
global $loop_module_id, $loop_sidebar_position, $global_flag_to_hide_no_post_to_display;
///if we are in wordpress loop; used by quotes in blocks to check if the blocks are displayed in blocks or in loop
td_global::$is_wordpress_loop = true;
$td_template_layout = new td_template_layout($loop_sidebar_position);
if (empty($loop_module_id)) { //not sure if we need a default here
$loop_module_id = 1;
}
$td_module_class = td_api_module::_helper_get_module_class_from_loop_id($loop_module_id);
//disable the grid for some of the modules
$td_module = td_api_module::get_by_id($td_module_class);
if ($td_module['uses_columns'] === false) {
$td_template_layout->disable_output();
}
$args = array(
'post_type' => 'post',
'posts_per_page' => '-1',
'meta_key' => 'keyword',
'orderby' => 'meta_value',
'order' => 'ASC',
'tax_query' => array(
'relation' => 'AND',
array(
'taxonomy' => 'alphabetical_letter',
'field' => 'term_id',
'terms' => array( '441' ), //this is by slug
),
array(
'taxonomy' => 'category',
'field' => 'slug',
'terms' => array( 'muziek-recensies' ), //this is by id
),
),
);
// The Query
query_posts( $args );
// The Loop
if (have_posts()) {
while ( have_posts() ) : the_post();
echo $td_template_layout->layout_open_element();
if (class_exists($td_module_class)) {
$td_mod = new $td_module_class($post);
echo $td_mod->render();
} else {
td_util::error(__FILE__, 'Missing module: ' . $td_module_class);
}
echo $td_template_layout->layout_close_element();
$td_template_layout->layout_next();
endwhile; //end loop
echo $td_template_layout->close_all_tags();
} else {
/**
* no posts to display. This function generates the __td('No posts to display').
* the text can be overwritten by the themplate using the global @see td_global::$custom_no_posts_message
*/
echo td_page_generator::no_posts();
}
all of this was working fine since all of the code was directly implemented in the td config php file, which gets overwritten when you update the theme. all I thought I would have to do is implement the said code in the plugin api but clearly this isn’t how it should be done. I’m fearful that weeks of work on this alphabetical archive have been for nought…
-
This reply was modified 8 years by
NickDeBaerdemaeker.
the menu was made via wordpress itself. odd thing is that I can get menu to show there, but ticking the box inline doesnt alter it, it keeps showing as a list though. might have to add some additional css there.
Hi Catalin
Yes, the website looking fast in google inside test. But its very slow in real.
About other problems, Pıngdom test result is below linked: It seems problems about CSS and JS.
https://www.screencast.com/t/bjysjemzmX7
My friend has below website and its google insight test point is very low but web page is faster than mine.
http://www.sektorlog.com/
About H1, H2 and H3 tags; i dont have enough experience about software. When we enter new to wordpress news content , it should choose automatically tags. I want that system.
Thanks for supply.
Hi,
There is such a restriction option, enter the code in the Advanced CSS section, entering the code in the desktop field will apply it only on desktop
– https://www.screencast.com/t/c1orNtlUh2bm
Hello Jan,
If you want to change the color of them, you need to create your own CSS code using the Inspector Browser and check the results. -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thanks for your understanding!
Hello,
I used the following code to hide the excerpt on the home page
.home .td-excerpt{
display: none;
}
but this created white space for this i asked for help and got to know the following code which helped on the desktop
.td_block_12 .td-module-title {
position: relative;
top: 50px;
}
But on mobile devices, it displaced the titles and pushed them down as you can see in the following screenshot
http://prntscr.com/kayrxd
How can we fix this on mobile devices?