Hello, i am currently following this tutorial: How to make the site faster.
at point 5.2 ” To get the list of registered css and js
Please add the following code at the end of the functions.php file ”
Which functions.php would this be exactly? I found many. If it is the one from the Newspaper theme, should i use the mobile and normail functions files both ?
Thanks
Wilfred
Hello
On this page https://www.virtualmagie.com/boutique/livres-de-magie-papier/en-route-john-guastaferro-francais/
at this end Vous aimerez peut-être aussi…
present 3 blocks.
But on Edge, texte are in purple on black so it is not possible to read.
Sometime it appears in white when we move the mouse on the page.
Is it possible to only have for these blocks the title in white WITHOUT color background?
If you have Custom CSS…
Regards
Hello,
Try to use the code below and place it in Theme panel -> Custom CSS area.
The code is ->
@media(max-width:767px){
#td-header-menu{
border-bottom:2px solid green;
}
}
Thanks.
Hello
I change the post look type.
Example:
https://www.virtualmagie.com/articles/comptes-rendus/concours-et-congres/5e-congres-mind-2018-2/
How I could achieve that the image under the title touch the lef and right border to avoid the grey margins?
Is it possible to put this image à 100%?
If you have a Custom CSS, it will be nice.
Regards
Hello
On the homepage I changed elements of the theme like the menu and big grid.
https://www.virtualmagie.com/
Till then the bid grid is praticaly under the menu.
I tried to erase all Custom CSS to find the reason but it change nothing (of course, I kill the cache and tested on secure mode).
Do you have Custom CSS to correct that please?
Regards
Hi,
thank you for the link, I add this one at the top of my .htacces file but the site
spit 🙁
here is the code I added:
#SOlUCION PROBLEMA ICONOS EN CHINO
<IfModule mod_headers.c>
Header add Access-Control-Allow-Origin “*”
# BEGIN WordPress
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ – [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
and here are the first codes of my .htacces files :
# BEGIN WP Rocket v3.1
# Use UTF-8 encoding for anything served text/plain or text/html
AddDefaultCharset UTF-8
# Force UTF-8 for a number of file formats
<IfModule mod_mime.c>
AddCharset UTF-8 .atom .css .js .json .rss .vtt .xml
</IfModule>
# FileETag None is not enough for every server.
<IfModule mod_headers.c>
Header unset ETag
</IfModule>
# Since weâre sending far-future expires, we donât need ETags for static content.
# developer.yahoo.com/performance/rules.html#etags
FileETag None
# Send CORS headers if browsers request them; enabled by default for images.
<IfModule mod_setenvif.c>
<IfModule mod_headers.c>
# mod_headers, y u no match by Content-Type?!
<FilesMatch “\.(cur|gif|png|jpe?g|svgz?|ico|webp)$”>
SetEnvIf Origin “:” IS_CORS
Header set Access-Control-Allow-Origin “*” env=IS_CORS
</FilesMatch>
</IfModule>
</IfModule>
….
….
….
thank you
Hello
On the classic page here on Chrome
the page title is in white so visible.
https://www.virtualmagie.com/articles/autres/interviews/jan-madd-2016/
But on video, is not:
https://www.virtualmagie.com/articles/autres/interviews/serge-odin-president-ffap-federation-francaise-des-artistes-prestidigitateurs/
But if you try on Edge, the titles become black as define in the panel theme admin.
Why?
Could you give me a Custom CSS to correct that please (meaning white on classic page and black under the video) ?
Regards
I’m talking about theme panel >> post settings >> more article box. This is the one that is displayed in the bottom right corner when you are scrolling down.
I would like the option to disable the box for some posts, but keep it for other posts (for example, sorted by category, as the post templates are done by, or within the “screen options” for individual posts). My searching around indicates that the “more article box” is a global setting only, and cannot be customized to be enabled for some posts and disabled for other posts (as, for example, comments can be).
Is there any way to achieve this functionality with CSS or some other method?
Thanks
That code is for images in the post content, the thumbnails will not be affected by it in any way.
Do you maybe use other CSS codes? I cannot seem to view this issue on your website. Where can I check it exactly, what page?
Create a test page and place the blocks with the issue, provide that so I can check with a 4k monitor.
It would be somewhat impossible for the video icon to be displayed outside of it’s container over the thumbnail, it is centered at all times
– https://www.screencast.com/t/NuzuyxwqhZh
So despite the image being smaller or larger, the icon remains centered.
Hello,
You can accomplish this using WordPress directly. You do not need custom css to so it.
https://www.screencast.com/t/24szlZda
Thank you!
Hi,
1. If you are referring to modules (which form blocks and grids) these will display only one category tag. This is block 1 for example
– https://demo.tagdiv.com/newspaper/block-1/
The category tag that will represent the post is the primary category of the post. If one is not set manually, the theme will pick the first one alphabetically. If there is only one category, that will be primary.
Here you can find out more about the primary category, how can it be set manually and what elements are affected by it
– https://forum.tagdiv.com/primary-category/
If this is not what you wanted to know, please correct me.
2. The font size for the post titles on mobile is predefined, I believe to 32px. if you change the size in the theme panel it will apply on desktop, but on mobile the same 32px will be used. With the optional mobile theme plugin it will be 30px.
That is the case for the predefined post templates. It can be changed with some CSS if needed. I can provide it to you. Mention how you would like it to be.
However if you use a cloud post template, the post template can be designed with the tagDiv composer
– https://forum.tagdiv.com/tagdiv-cloud-library-plugin/
You will be able to set one size for desktop, and one for mobile
– https://www.screencast.com/t/u3R6zvkq8b
The new cloud templates will allow many possibilities, which the predefined post template don’t have.
Let me know if you have more questions.
Thanks
Hello RCounsell,
If you want to customize this section you should use your own custom CSS code and for targetting the mobile devices you should use the media queries.
Thanks for the message!
Hi,
While on desktop you can select that post template and not show the featured image, on mobile there is a single post template which does show the featured image. I could give you a code to remove the content image and only show the featured image on mobile
– https://www.screencast.com/t/6l25M7q7WU
That should work, make some tests with it
.td-post-content .td-post-featured-image + p > img {
display: none;
}
It will remove the first image after the featured image for all posts that have one. The code can be entered in Theme panel->Mobile theme->Custom CSS section.
Thanks
Sorry to interrupt but are you saying it is not possible on Newspaper 8.8 to change the theme to black with white writing? This was a very easy thing to do on the last theme builder I used.
Is there something I am missing or do I have to build a custom CSS code to do it?
I’m looking for some custom css that will horizontally center post content (text). I don’t want all of the lines centered, mind you. I want regular left aligned text to be centered (with enough padding on the left and right) so that it appears in the middle of the screen rather than against the left edge. This is called “center align” in typography, I believe.
Is there a way to accomplish this with posts and/or pages using custom CSS?
Thanks.
I deleted the CSS, it’s not solving the issue.
Thanks!
No issues on the theme demo!
I use this CSS on my site:
.td-post-content p img {
width: 100%;
}
Not sure if it could couse the issue.
Thanks
Hi,
after my update the change of fonts into custom fonts worked out well – thank you simion! 😉
But now I have the problem with following messages on the page – after the theme update:
[vc_row full_width=“stretch_row_content td-stretch-content“ tdc_css=“eyJhbGwiOnsibWFyZ2luLXRvcCI6Ii0zMiJ9LCJwaG9uZSI6eyJtYXJnaW4tdG9wIjoiLTI2In0sInBob25lX21heF93aWR0aCI6NzY3LCJwb3J0cmFpdCI6eyJtYXJnaW4tdG9wIjoiLTQwIn0sInBvcnRyYWl0X21heF93aWR0aCI6MTAxOCwicG9ydHJhaXRfbWluX3dpZHRoIjo3Njh9″ shadow_size_top=“0″][vc_column]
Big grid full 4Please move this shortcode on a full row in order for it to work.
[/vc_column][/vc_row][vc_row][vc_column]
On the page itself where i can work on in the menu I have following text:
[vc_row full_width="stretch_row_content td-stretch-content" tdc_css="eyJhbGwiOnsibWFyZ2luLXRvcCI6Ii0zMiJ9LCJwaG9uZSI6eyJtYXJnaW4tdG9wIjoiLTI2In0sInBob25lX21heF93aWR0aCI6NzY3LCJwb3J0cmFpdCI6eyJtYXJnaW4tdG9wIjoiLTQwIn0sInBvcnRyYWl0X21heF93aWR0aCI6MTAxOCwicG9ydHJhaXRfbWluX3dpZHRoIjo3Njh9" shadow_size_top="0"][vc_column][td_block_big_grid_fl_4 category_id=”” sort=”” mx12_tl=”25″ td_grid_style=”td-grid-style-4″ tdc_css=”eyJhbGwiOnsiYm9yZGVyLWNvbG9yIjoiI2RkMzMzMyIsImRpc3BsYXkiOiIifSwicGhvbmUiOnsiZGlzcGxheSI6IiJ9LCJwaG9uZV9tYXhfd2lkdGgiOjc2N30=” mx21_tl=”25″][/vc_column][/vc_row][vc_row][vc_column][td_block_5 limit="3" category_id="" custom_title="News" sort="" ajax_pagination=""][/vc_column][/vc_row][vc_row content_align_vertical="content-vert-top" full_width="" row_divider_top="tdc-divider1"][vc_column][td_block_slide autoplay=”3″ custom_title=”Featured” el_class=”td-sound-radar-featured” category_id=”” sort=”random_posts” td_ajax_filter_type=””][/vc_column][/vc_row][vc_row][vc_column width="2/3"][td_block_5 custom_title="Videos" limit="4" category_id="" sort="random_posts"][/vc_column][vc_column width="1/3"][td_block_5 limit="2" custom_title="Photos" category_id="" sort="random_posts"][/vc_column][/vc_row]
What can I do to bring it back to my original design?
Thanks, Simion.
Hi! this is the screenshot
https://ahoraroma.com/wp-content/uploads/2018/08/PRINTSCREEN.png
And the website is ahoraroma.com/news
1) I want to change the ticker tittle from “MAS POPULARES AHORA” to “ALERTA”
2) I add the Custom CSS and it works, but it disable the link effect in every single post of every block on that page. I just want to erase the link effect in the post of the ticker
Hello AhoraRoma,
1)Provide some useful screenshots with your desired changes so I will be able to provide a more accurate response.
2)Try to add this code at your Custom CSS area to disable the link effect.
.td-big-grid-wrapper{
pointer-events:none;
}
.td_module_wrap {
pointer-events:none;
}
Thanks.
Hi,
Please check here -> https://www.screencast.com/t/WYEADz5P0u0 and try using the code below and place it in Theme panel -> Custom CSS Area.
The code is ->
.td_block_big_grid_3 .td-big-thumb {
margin-right: 0;
}
.td_block_big_grid_3 .td-medium-thumb {
margin-bottom: 0;
}
.td_block_big_grid_3 .td-big-grid-post-3 {
margin-left: 0;
}
Hope this helps!
Thanks for the message!
Hi,
Actually the logo should look like this by default with that header style, on all pages
– https://www.screencast.com/t/ujmjFaUaLBR
Most demos contain custom design, the one you have installed sets these parameters for the logo when using header style 10
– https://www.screencast.com/t/kHolqYtK
If you were to remove that customization from the shown file, the issue would be solved. But if the theme will be updated this operation will have to be done again.
Why does this customization not look the same for all pages? because of the h1 the logo is included in when there is no other h1 in the page.
This interferes with the demo customization, some CSS is not applying properly. That is the case for the homepage you currently have. The category pages for example have a h1
– https://www.screencast.com/t/9MzGwCIsQZmK
The temporary solution is to use the code I provided until this is fixed by us. For reducing or removing that shift, enter the code directly in the theme stylesheet, at the bottom.
I already added this on the issue list for fixing. Sorry for the inconvenience.
Thanks
Hello sportm,
You should use a custom CSS code that allows you to hide that element for that specific pages, using the page ID. To create your own CSS code, please check the following useful guide from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thanks for your understanding!
Use this code but change the color code to any you want.
.td-post-content a {
color: #f30f0f;
}
Enter it in Theme panel->Mobile theme->Custom CSS section.
