Page 672 – tagDiv support

tagDiv Member

#189638

Aug 21, 2017 at 11:40 am

I already did that, that is easy to do by just changing the settings. Maybe I didn’t explain so well.

I mentioned the CSS to make the search area the full-width of the browser/page just like what you have on this tagdiv forum. You can see the gray area all the way to the edges. I know it is with css but what is the css to do this?

You can see at my site https://www.cruisehive.com/forums

Thanks so much.

Bogdan B.

tagDiv Staff

Add text on the header - reply

#189635

Aug 21, 2017 at 11:37 am

Hello,

You can try to edit the header.php file and add the strings of text using div element if you know basic html + css.
Here is an example: https://www.screencast.com/t/wTFgX3X5L – https://www.screencast.com/t/j4GjLTEWvg

You cna then use the class assigned for it to style it with css and change the font family, size, etc.

Thank you!

Simion C.

tagDiv Staff

How to set css for Scroll to Top - reply

#189608

Aug 21, 2017 at 10:33 am

Hi,

The scroll to top button inherits the theme general accent color set in the theme panel
– https://www.screencast.com/t/0ZHbvlRF4alx
If you want to change the color just for this button, use a code like this for example
– https://www.screencast.com/t/G9jZdkRJe
This is the code used, if you decide to use it enter it in Theme panel->Custom CSS (change the color to what you want)

.td-scroll-up { background-color: yellow; }

Thanks

Bogdan B.

tagDiv Staff

How to change social buttons in posts - reply

#189598

Aug 21, 2017 at 10:05 am

Hello,
This can only be done with css. The code gets pretty complicated in changing the style of each button as they are all different but here is an exmaple:

@media(min-width:767px){ .td-social-sharing-buttons{ padding: 32px 32px 32px 32px; margin-right: 25px; } .td-social-but-text{ display:none; } .td-social-facebook .td-icon-facebook{ font-size: 35px; top: -17px; }

.td-social-twitter .td-icon-twitter { font-size: 20px; position: relative; top: -10px; } .td-social-google .td-icon-googleplus { font-size: 26px; position: relative; top: -14px; left: -13px; } .td-social-pinterest .td-icon-pinterest { font-size: 25px; position: relative; top: -13px; } .td-social-sharing-buttons.td-social-twitter{ padding: 32px 27px 32px 27px; } .td-social-sharing-buttons.td-social-google{ padding: 32px 38px 32px 38px; } .td-social-sharing-buttons.td-social-pinterest{ padding: 32px 28px 32px 28px; } }

It may require some fine tuning though on the paddings.
You can add the code in the theme panel-> custom css box.

Thank you!

Simion C.

tagDiv Staff

Error Element Slide - reply

#189564

Aug 21, 2017 at 8:22 am

Hi,

That is the way the slide displays on smaller devices. You could try a code like this and make the slide have a bigger height in this case
– https://www.screencast.com/t/22w4mD3np
Enter the code in Theme panel->Custom CSS section

@media (max-width: 500px) { .iosSlider-col-3 .entry-thumb, .iosSlider-col-3, .iosSlider-col-3 .td_module_slide { height: 250px!important; }}

Thanks

Silverheim

tagDiv Member

Remove Padding After Menu - reply

#189548

Aug 21, 2017 at 1:46 am

Hey. Just use the following custom CSS:

.td-main-page-wrap {
padding-top: 2px;

You can change the value to what you think better but 2px is a good distance btw the top and content.

^^

This reply was modified 9 years by Silverheim.

simchris

tagDiv Member

Tables Mobile Responsive - reply

#189538

Aug 20, 2017 at 11:36 pm

Couple of things:
a) never use inline styles for HTML anymore
b) only use CSS classes

e.g.
.mycenter{text-align:center}
then use that class on your td cells.

c) in responsive layouts, table cells would be percentages, not pixels, such as
.td7{width:7%}

d) to have a table cell be ‘responsive’ each row would need to be able to reduce in size; however on phone it would get cut off, and you’d need to use an overflow class to hide that.

(See the ‘bootstrap’ css classes for examples.)

For responsive columns, you’re better off using a grid system with custom CSS.

There might be a tables plugin for WordPress you could look at which builds all this into one thing for you.

This is actually one of the reasons we’re moving all our sites back to Bootstrap, for this kind of stuff.

However, TagDiv might have a built-in class setup for tables; and it wouldn’t hurt to inspect the main style.css file yourself to look for table classes in there.

Food for thought, anyway 🙂

( I don’t work here. )

d_alinus2004

tagDiv Member

Please help with Remove render blocking css/js – using the TagDiv SpeedBooster" - reply

#189535

Aug 20, 2017 at 11:02 pm

Hello again,

For CSS i see today that it’s no work also.
My code on wp-content/plugins/td-speed-booster/td-speed-booster.php for move the style on footer it’s like that but still the same message on page speed test: Your page has 12 blocking script resources and 13 blocking CSS resources. This causes a delay in rendering your page.

I realy don’t understend what it’s wrong!

function css_mover() {
//if ($this->td_theme_name == ‘Newspaper’) { }
// wp 011 – Newspaper 6

$this->move_style_to_footer_queue(‘bbp-default-bbpress’); //bbpress old
$this->move_style_to_footer_queue(‘bbp-default’); // bbpress
$this->move_style_to_footer_queue(‘contact-form-7’);
$this->move_style_to_footer_queue(‘simple-payments-css’);
$this->move_style_to_footer_queue(‘rw-site-rating-css’);
$this->move_style_to_footer_queue(‘usp_style-css’);
$this->move_style_to_footer_queue(‘td_live_css_frontend-css’);
$this->move_style_to_footer_queue(‘google-fonts-style-css’);
$this->move_style_to_footer_queue(‘rw_toprated-css’);
$this->move_style_to_footer_queue(‘rw_recommendations-css’);
$this->move_style_to_footer_queue(‘td-theme-css’);
$this->move_style_to_footer_queue(‘td-theme-demo-style-css’);
$this->move_style_to_footer_queue(‘social-logos-css’);
$this->move_style_to_footer_queue(‘open-sans-css’);
$this->move_style_to_footer_queue(‘jetpack_css-css’);

Croatia Explorers

Participant

Tables Mobile Responsive - topic

#0

Aug 20, 2017 at 10:34 pm

Hi Guys

Can anyone tell me if it is possible by some simple css / plugin / and or settings to make my tables responsive in mobile view or to any size screen. I have tried a stackable plugin but it didn’t work in an attractive way. Thanks in advance for any help.

<table style=”height: 425px;” border=”1″ width=”816″>
<tbody>
<tr>
<td width=”104″>
<p id=”pagetitle” style=”text-align: center;”>(Temp °C)</p>
</td>
<td style=”text-align: center;” width=”30″>Jan</td>
<td style=”text-align: center;” width=”38″>Feb</td>
<td style=”text-align: center;” width=”43″>Mar</td>
<td style=”text-align: center;” width=”43″>Apr</td>
<td style=”text-align: center;” width=”43″>May</td>
<td style=”text-align: center;” width=”44″>June</td>
<td style=”text-align: center;” width=”43″>July</td>
<td style=”text-align: center;” width=”43″>Aug</td>
<td style=”text-align: center;” width=”43″>Sep</td>
<td style=”text-align: center;” width=”43″>Oct</td>
<td style=”text-align: center;” width=”43″>Nov</td>
<td style=”text-align: center;” width=”43″>Dec</td>
</tr>
<tr>
<td width=”104″>
<p style=”text-align: center;”>Zagreb</p>
</td>
<td style=”text-align: center;” width=”30″>0</td>
<td style=”text-align: center;” width=”38″>1.2</td>
<td style=”text-align: center;” width=”43″>5.5</td>
<td style=”text-align: center;” width=”43″>11</td>
<td style=”text-align: center;” width=”43″>16</td>
<td style=”text-align: center;” width=”44″>18.7</td>
<td style=”text-align: center;” width=”43″>22.3</td>
<td style=”text-align: center;” width=”43″>21.8</td>
<td style=”text-align: center;” width=”43″>15.6</td>
<td style=”text-align: center;” width=”43″>12.3</td>
<td style=”text-align: center;” width=”43″>5.4</td>
<td style=”text-align: center;” width=”43″>2.3</td>
</tr>
<tr>
<td width=”104″>
<p style=”text-align: center;”>Split</p>
</td>
<td style=”text-align: center;” width=”30″>7.5</td>
<td style=”text-align: center;” width=”38″>8.5</td>
<td style=”text-align: center;” width=”43″>11.5</td>
<td style=”text-align: center;” width=”43″>12.8</td>
<td style=”text-align: center;” width=”43″>18.9</td>
<td style=”text-align: center;” width=”44″>23.9</td>
<td style=”text-align: center;” width=”43″>26.7</td>
<td style=”text-align: center;” width=”43″>26.1</td>
<td style=”text-align: center;” width=”43″>22.8</td>
<td style=”text-align: center;” width=”43″>16.7</td>
<td style=”text-align: center;” width=”43″>12.5</td>
<td style=”text-align: center;” width=”43″>9.5</td>
</tr>
<tr>
<td style=”text-align: center;” width=”104″>Dubrovnik</td>
<td style=”text-align: center;” width=”30″>8.3</td>
<td style=”text-align: center;” width=”38″>9.1</td>
<td style=”text-align: center;” width=”43″>11.2</td>
<td style=”text-align: center;” width=”43″>13.9</td>
<td style=”text-align: center;” width=”43″>17.8</td>
<td style=”text-align: center;” width=”44″>22.2</td>
<td style=”text-align: center;” width=”43″>25.6</td>
<td style=”text-align: center;” width=”43″>25.0</td>
<td style=”text-align: center;” width=”43″>22.3</td>
<td style=”text-align: center;” width=”43″>17.8</td>
<td style=”text-align: center;” width=”43″>12.9</td>
<td style=”text-align: center;” width=”43″>10.2</td>
</tr>
<tr>
<td colspan=”13″ width=”601″>
<p style=”text-align: right;”>Based on weather averages</p>
</td>
</tr>
</tbody>
</table>

simchris

tagDiv Member

Best practice: first update vs. first migrate - reply

#189528

Aug 20, 2017 at 9:31 pm

I recommend using DUPLICATOR to move over all content, dbase, etc.

Or, import the mysql dbase for the content (not the import/export WP file, as that never quite gets everything right, in my experience); import the TD settings like custom CSS, etc. from text file.

simchris

tagDiv Member

NP 7, Demo, tag composer - reply

#189518

Aug 20, 2017 at 7:35 pm

Current download on Themeforest is v8.

Remember when upgrading a version you need to remove old folder, and upload new one; not merge old and new.

View the style.css file on the version you download from TF, to see version number before install. 🙂

Thakksy

Participant

Full width search bar – BBpress - topic

#0

Aug 19, 2017 at 8:29 pm

Hi,

I’m trying to get my search bar area to full-width of the page just like above on this tagdiv forum. I’ve searched online and tried the negative margins and all but after an hour of trying I can’t get it to full width and the search form inside messes up. Are you able to provide some css to solve this? I attached a screenshot below:

https://goo.gl/photos/SrNBzZ5BGnyXSonS7

Thanks so much.

nasan

Participant

Remove Padding After Menu - topic

#0

Aug 19, 2017 at 3:07 pm

Hi There, I am trying to get rid of this space that is displayed after the menu and above the revolution slider or any other content. Is there any CSS codes I can add to get rid of this?

Here is a screen: https://ibb.co/bOVA95

Thanks.

d_alinus2004

tagDiv Member

Please help with Remove render blocking css/js – using the TagDiv SpeedBooster" - reply

#189453

Aug 19, 2017 at 1:55 pm

Hello,

Many thanks for your help.
I folow the ghuide and i have increase the page speed from 22/100 and 25/100 to 60/100 and 76/100 .Very good result.
For CSS i have find the ID but for JS i realy donțt know where i must locking for!
Please let me know if you can help me with this?!

In rest any way that is a good result.

masdi

Participant

How to set css for Scroll to Top - topic

#0

Aug 19, 2017 at 1:54 pm

How to set color of button for scrool to top?

If i want not to use it, how can to set it?

Ken0929

Participant

Function.php can not be applied. - topic

#0

Aug 18, 2017 at 9:01 pm

Hi,
My function.php (Child-Theme) can not be applied.
What am I missing?

<?php
/* —————————————————————————-
Newspaper V6.3+ Child theme – Please do not use this child theme with older versions of Newspaper Theme

What can be overwritten via the child theme:
– everything from /parts folder
– all the loops (loop.php loop-single-1.php) etc
– please read the child theme documentation: https://forum.tagdiv.com/the-child-theme-support-tutorial/

– the rest of the theme has to be modified via the theme api:
https://forum.tagdiv.com/the-theme-api/

*/

add_action(‘init’,’add_categories_for_pages’);
function add_categories_for_pages(){
register_taxonomy_for_object_type(‘category’, ‘page’);
}
add_action( ‘pre_get_posts’, ‘nobita_merge_page_categories_at_category_archive’ );
function nobita_merge_page_categories_at_category_archive( $query ) {
if ( $query->is_category== true && $query->is_main_query() ) {
$query->set(‘post_type’, array( ‘post’, ‘page’, ‘nav_menu_item’));
}
}

function custom_wp_tag_cloud($args) {
$myargs = array(
‘orderby’ => ‘count’, //使用頻度順
‘order’ => ‘DESC’, // 降順（使用頻度の高い順）
‘number’ => 40 // 表示数
);
$args = wp_parse_args($args, $myargs);
return $args;
}
add_filter( ‘widget_tag_cloud_args’, ‘custom_wp_tag_cloud’ );

// 固定ページにタグを設定
function add_tag_to_page() {
register_taxonomy_for_object_type(‘post_tag’, ‘page’);
}
add_action(‘init’, ‘add_tag_to_page’);
// タグアーカイブに固定ページを含める
function add_page_to_tag_archive( $obj ) {
if ( is_tag() ) {
$obj->query_vars[‘post_type’] = array( ‘post’, ‘page’ );
}
}
add_action( ‘pre_get_posts’, ‘add_page_to_tag_archive’ );

add_theme_support(‘post-thumbnails’);

/* —————————————————————————-
add the parent style + style.css from this folder
*/
add_action( ‘wp_enqueue_scripts’, ‘theme_enqueue_styles’, 1001);
function theme_enqueue_styles() {
wp_enqueue_style(‘td-theme’, get_template_directory_uri() . ‘/style.css’, ”, TD_THEME_VERSION, ‘all’ );
wp_enqueue_style(‘td-theme-child’, get_stylesheet_directory_uri() . ‘/style.css’, array(‘td-theme’), TD_THEME_VERSION . ‘c’, ‘all’ );

?>

simchris

tagDiv Member

Images being duplicated 20 times?! - reply

#189409

Aug 18, 2017 at 9:01 pm

Google doesn’t like ‘resized with CSS’ images as the browser has to do the work, which is considered slow for mobile vs an optimized “serve images at actual size” methodology.

One trick is to change the 3 image sizes made by WordPress, separate from the theme to be your 3 most use sizes. Also consider cutting couple of modules.

Or, you could turn sizes off, and thumbs won’t be made, and will be resized in some instances (larger to small, but smaller to large will not fill boxes).

Try it; but then also check your Pagespeed Insights from Google for “make images right size…” warning.

If your server does mod_pagespeed, you can have it build temp cache images on the fly, including conversion to webp format. Again, something you’d need to test.

(I don’t work here; but we went through this. We ended up limiting “total number of sizes to 6” to keep thumb explosion down.)

ALSO: be sure to change the default compression for thumbs in your wp-config.php, as most small thumbs don’t need to be razor sharp, and so compression level of 50 works for most stuff!

Catalin

tagDiv Staff

RTL.css File - reply

#189377

Aug 18, 2017 at 4:39 pm

Hello omidi,

Please keep in mind that our theme has no RTL files and any support for this because it has not been designed to be used in this layout, sorry!

Unfortunately, we have no plan on implementing it in the near future. Implementing RTL support in our theme will require 2 style.css files and it will add significant “weight” to the theme. Using the RTL mode means that lots of elements have to be adjusted and this thing involves custom work and we cannot provide this at the moment!
Please try to do a simple search of our forum and you will see that our team offers support only for theme related problems and which not require additional customizations. Please check again our support policy here -> https://forum.tagdiv.com/support-policy-2/

Thanks for your understanding!

Simion C.

tagDiv Staff

how to remove only google plus icon and pinkrest from social sharing on post - reply

#189375

Aug 18, 2017 at 4:25 pm

Hi,

There is no option to remove those from the post sharing. The easiest way to remove them would be to enter this code in Theme panel->Custom CSS section
– https://www.screencast.com/t/1vQvKfQ2bYgE
– https://www.screencast.com/t/5hgK7J73Zbj
It will apply to the top and bottom sharing of the post

.td-default-sharing .td-social-google, .td-default-sharing .td-social-pinterest { display: none; }

Thanks

omidi

Participant

RTL.css File - topic

#0

Aug 18, 2017 at 3:23 pm

Hi Dear,
I noticed that the file “RTL.css” is not in the themeplate.
Is not this file “RTL.css” for this template and should I make it myself?
Do you have this file?
Please send it to me.

Thanks

Sumikai

tagDiv Member

Header style 12 with white background - reply

#189356

Aug 18, 2017 at 2:58 pm

Hi,
Okay, this is the problem (Testsystem)

I need the top header bar under the main bar.

i have change the color in the menu and in the style.css

i have deactivate all plugins etc. but nothing change.

Simion C.

tagDiv Staff

How to change the width of the Main Menu - reply

#189343

Aug 18, 2017 at 1:59 pm

Hi,

You could try a code like the one below for example. It will make the header look like this
– https://www.screencast.com/t/fWlrWYUQyKxA
And also the header when sticky will look like this (this can be removed if you don’t want it – the last part of the code)
– https://www.screencast.com/t/gIDKDK4w4t4
Enter it in Theme panel->Custom CSS

.td-header-style-5 .td-header-menu-wrap-full { background-color: transparent; } .td-header-style-5 .td-header-main-menu { background-color: #1e73be; } .td-header-style-5 .td-header-menu-wrap.td-affix { background-color: transparent; }

Thanks

Simion C.

tagDiv Staff

Make Big Grid Full 5 images brighter - reply

#189338

Aug 18, 2017 at 1:30 pm

Hi,

Each Big grid has predefined styles that you can select. Those can be seen here for example for the grid you mention
– https://demo.tagdiv.com/newspaper/full-big-grid-5/
If you would like to keep the current grid style, you can try this code that will remove the shadow applied on the thumbnails
– https://www.screencast.com/t/G136zrY1g0nD
Enter the code in Theme panel->Custom CSS if you decide to use it

.td_block_big_grid_fl_5.td-grid-style-1 .td-module-thumb a:last-child:before { display: none; }

Thanks

Bogdan B.

tagDiv Staff

More Stories and Related Articles - reply

#189315

Aug 18, 2017 at 11:02 am

Hello,

1) You can change the more stories title from the translations panel:
https://www.screencast.com/t/nNNalIA0H

2) In order to remove more from author you can use 2 methods:
The css method:

.td_block_related_posts .td-related-right { display:none; }

You can add the code in the theme panel-> custom css box.

Or you can edit the theme files: comment out or delete this part: http://screencast.com/t/Okmq7lxTDzGd

Thanks.

This reply was modified 9 years by Bogdan B..

Bogdan B.

tagDiv Staff

Sticky Footer - reply

#189302

Aug 18, 2017 at 10:26 am

Hello,
Thank you for your suggestion.
You can add blank spaces only for desktop as a workaround. Add a column text or text with title element and add a few blank spaces. Press the enter key a few times and then save the element It should add blank space. You can add a custom class to it so you can disable it for other devices: https://www.screencast.com/t/fD8wPn7C
And then add this code in the theme panel-> custom code> advanced css box under the desktop field:

.blankspace{ display:none!important }

I hope this helps.
Thanks.

Cookie	Duration	Description
cookielawinfo-checkbox-advertisement	1 year	The cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Advertisement".
cookielawinfo-checkbox-analytics	11 months	This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics".
cookielawinfo-checkbox-functional	11 months	The cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional".
cookielawinfo-checkbox-functional	11 months	The cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional".
cookielawinfo-checkbox-necessary	11 months	This cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary".
cookielawinfo-checkbox-others	11 months	This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other.
cookielawinfo-checkbox-performance	11 months	This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance".
viewed_cookie_policy	11 months	The cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data.
viewed_cookie_policy	11 months	The cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data.

Cookie	Duration	Description
_ga	2 years	This cookie is installed by Google Analytics. The cookie is used to calculate visitor, session, campaign data and keep track of site usage for the site's analytics report. The cookies store information anonymously and assign a randomly generated number to identify unique visitors.
_gat_gtag_UA_43963494_1	1 minute	This cookie is set by Google and is used to distinguish users.
_gid	1 day	This cookie is installed by Google Analytics. The cookie is used to store information of how visitors use a website and helps in creating an analytics report of how the website is doing. The data collected including the number visitors, the source where they have come from, and the pages visted in an anonymous form.

Cookie	Duration	Description
IDE	1 year 24 days	Used by Google DoubleClick and stores information about how the user uses the website and any other advertisement before visiting the website. This is used to present users with ads that are relevant to them according to the user profile.
test_cookie	15 minutes	This cookie is set by doubleclick.net. The purpose of the cookie is to determine if the user's browser supports cookies.
VISITOR_INFO1_LIVE	5 months 27 days	This cookie is set by Youtube. Used to track the information of the embedded YouTube videos on a website.
YSC	session	This cookies is set by Youtube and is used to track the views of embedded videos.

Cookie	Duration	Description
CONSENT	16 years 5 months 26 days 13 hours 25 minutes	No description
yt-remote-connected-devices	never	This cookies is set by Youtube and stores the user's video player preferences using embedded YouTube video.
yt-remote-device-id	never	This cookies is set by Youtube and stores the user's video player preferences using embedded YouTube video.