Hello !
You can import a background image via css but the easier way would be the method explained as example here: https://forum.tagdiv.com/topic/background-image-ad/#post-327186
Thank you !
Hello,
1) You can add this custom css in your theme panel under custom css:
@media (max-width: 767px){
.td-container, .tdc-row, .tdc-row-composer {
padding-left: 0!important;
padding-right: 0!important;
}
}
2. You can add this css for the second issue:
@media(max-width:767px){
.vc_row{
margin-left:0;
margin-right:0
}
}
Thank you!
Hello,
Css is not dependent on the theme location but rather the classes and id’s of the elements.
There is another way of doing it however as the theme already allows this by using cloud library templates for your categories. You can use a different template with a different menu for each category. Use the cloud library, header manager and category templates and you will not need custom code and it will be much easier and 100% update proof. A child theme is not update proof.
Thank you!
Hello !
This css should work: .td_block_15 .td-post-category {
display: none;
}
Let us know if this worked on your end too.
Thank you !
Hello !
CSS should work without a problem even on cloud. If you’re using cloud than all the modifications can be achieved using the tagDiv Composer . Let us know what colors you want to edit and we will be more than happy to help.
Thank you !
Is it possible to have css code to insert a background image/advert for a specific page or post?
And if so, do you have an example of the code?
Hi
I just posted this on the evanto page, hope you can help.
I have two issues I wonder if I could get your help with them.
1. When I use Gutenburg blocks, such as ultimate Addons I set them to full width and it looks great on desk top but on mobile it always has a white border like its auto applying a margin to the page. How do I get rid of this? I cant find a setting anywhere.
https://myokotourism.com/putmenu/
This can be fixed by altering the mobile css and removing the
left and right padding.
2. when you look at a category page on mobile the whole page is off set to the left and not centered, again no idea why as I have checked all the settings.
https://myokotourism.com/category/ski/
That is caused by the WPBakery page builder that adds an extra padding to the rows and breaks the layout. That can also be adjusted with css. Please use the support forum and our support team will gladly provide the mentioned solutions to apply to your site.
In a child theme we’ve added new template parts for the following files in order to select a different menu based on category.
child-theme/parts/menu-mobile.php
<?php
if (is_category(array(433,1738)))
{
wp_nav_menu(array(
'theme_location' => 'header-menu',
'menu_class'=> 'td-mobile-main-menu',
'fallback_cb' => 'td_wp_no_mobile_menu',
'link_after' => '<i class="td-icon-menu-right td-element-after"></i>',
'walker' => new td_walker_mobile_menu()
));
}
elseif ( is_category(array(8704,17723,17717,17718,17724,17721,17720,17719,18809,18810,28327)) || in_category(array(8704,17723,17717,17718,17724,17721,17720,17719,18809,18810,28327)) || is_page(array(92484,92558,96207)) )
{
wp_nav_menu(array(
'theme_location' => 'header-menu-mobile-CUSTOM',
'menu_class'=> 'td-mobile-main-menu',
'fallback_cb' => 'td_wp_no_mobile_menu',
'link_after' => '<i class="td-icon-menu-right td-element-after"></i>',
'walker' => new td_walker_mobile_menu()
));
}
else
{
wp_nav_menu(array(
'theme_location' => 'header-menu',
'menu_class'=> 'td-mobile-main-menu',
'fallback_cb' => 'td_wp_no_mobile_menu',
'link_after' => '<i class="td-icon-menu-right td-element-after"></i>',
'walker' => new td_walker_mobile_menu()
));
}
//if no menu
function td_wp_no_mobile_menu() {
//this is the default menu
echo '<ul class="">';
echo '<li class="menu-item-first">Click here - to use the wp menu builder';
echo '';
}
?>
and
child-theme/parts/header/header-menu.php
<?php
if (is_category(array(433,1738)))
{
wp_nav_menu(array(
'theme_location' => 'header-menu',
'menu_class'=> 'sf-menu',
'fallback_cb' => 'td_wp_page_menu',
'walker' => new td_tagdiv_walker_nav_menu()
));
}
elseif ( is_category(array(8704,17723,17717,17718,17724,17721,17720,17719,18809,18810,28327)) || in_category(array(8704,17723,17717,17718,17724,17721,17720,17719,18809,18810,28327)) || is_page(array(92484,92558,96207)) )
{
wp_nav_menu(array(
'theme_location' => 'header-menu-mcn',
'menu_class'=> 'sf-menu',
'fallback_cb' => 'td_wp_page_menu',
'walker' => new td_tagdiv_walker_nav_menu()
));
}
else
{
wp_nav_menu(array(
'theme_location' => 'header-menu',
'menu_class'=> 'sf-menu',
'fallback_cb' => 'td_wp_page_menu',
'walker' => new td_tagdiv_walker_nav_menu()
));
}
//if no menu
function td_wp_page_menu() {
//this is the default menu
echo '<ul class="sf-menu">';
echo '<li class="menu-item-first">Click here - to select or create a menu';
echo '';
}
?>
All that we’ve changed is the ‘theme_location’ in both files to load a different wp_nav_menu.
Everything works fine except for the css, drop down menu’s have no style and the height of links isn’t the full navigation bar height. Does the theme_location have any influence on the styling of the menu items?
Thanks
Matt
Hi,
If you do not like that color, you can remove the extra class from flex blocks -> https://i.imgur.com/gfsHWKP.jpg or the class from theme panel -> https://i.imgur.com/Umuw7q0.png after that set your own color effect on flex blocks -> https://i.imgur.com/isPN1A6.png you can check more in our article from here -> https://tagdiv.com/blending-modes-newspaper-theme/
Also if you want you can use a custom css for all flex blocks that have the .td-background-blend class and change it like this -> https://i.imgur.com/iKRNU56.jpg
.td-fashion-pro .td-background-blend .td_module_wrap:hover .entry-thumb {
background-color: #d11a1a6b;
}
The color need to be transparent/opacity -> https://i.imgur.com/R4WsokU.png
The code need to be set in theme panel> custom code > custom css.
Thank you!
Hi,
Please notice that we can not test/investigate if this is a theme plugin problem or not, this can be tested only if you deactivate all non theme and untested plugins, all I can do with out deactivate these is to try to provide a custom css for that problem, but for this you’ll need to reactivate the mobile theme plugin.
Thank you for your understanding!
Hello !
That is because you’re using WP Bakery. Please add this custom css code: .single .td-post-content .vc_row {
margin-left: auto;
margin-right: auto;
}
In here: https://www.screencast.com/t/6Ppnv2F2lz
Thank you !
Hello !
Are you sure that you are using Newspaper Theme ? After inspecting your website nothing from your css lets us know that you’re using Newspaper Theme.
Please check and let us know.
Thank you !
Hi Calin,
I’m using the block 15 as a widget in the sidebar.
Can you help me with the custom css?
Thanks
I too have the same issue listed as #1 on the original post. This recently started happening. I was thinking it had to do with caching of the CSS/javascript. For me, it’s complicated to troubleshoot as I have many plugins as well as use CloudFlare, WP Rocket, and MaxCDN. Sometimes when I clear the caches/CDN, it fixes but then the issue happens on Safari, Chrome, Firefox, and Edge.
It would be great to understand the environments where people are having this issue (as I have seen other threads about this same thing – screenshot of #1 shows exactly what I am experiencing). Caching plugin? CloudFlare? CDN?
My site is https://hightechdad.com (but I’m continuing to troubleshoot so it may work or it may not).
Thx!
Hello !
In order to change the color: .td-grid-style-4 .entry-title {
background-color:rgba(90,120,144,.7);
}
Also in order to remove the date you will have to use css:
.td-grid-style-4 .td-module-meta-info > span:last-child {
padding-right: 7px;
display: none;
}
The code must be inserted here: https://www.screencast.com/t/J1Nxw5s5
I hope this was helpful !
Thank you !
Hi,
The above solution will work only for flex blocks for Big Grid Full 3 you can change the style for something similar, but what you need with big grid full 3 can be achieve only with custom css, something like this -> https://i.imgur.com/zSaj5nY.jpg
.td_block_big_grid_fl_3 .td-post-category {
float: right;
margin-top: -300px;
}
Is possible to need to adjust the margin top after your needs.
The code need to be set in theme panel > custom code > custom css.
Thank you for your understanding!
Hi,
If you want I can try to help you with the custom css, just provide me a link where I can check these rss aggregator feeds.
Thank you!
Hi,
1. From what I so there are even more problems on menu, are us using some custom code or untested plugins ? also if you are using child theme please set the parent theme.
2. If you have set a header from tagDiv Cloud Library, you need to edit the sticky menu too, edit that header template using header manager -> https://www.screencast.com/t/FkAe80JsuCo check the sticky menu, scroll until you see the sticky menu and click the menu, logo … -> https://www.screencast.com/t/o6Z8zoJoWbFY
3. The problem is caused by some css that set the set the opacity to 0 -> https://i.imgur.com/6wjHJl1.png I think that the most of the problems are caused by these errors -> https://i.imgur.com/3BYQfYp.png the min-js can not be load properly.
4. The problem seems to be created by some css that set opacity 0, usually this problem is usually made by some plugins or custom code.
Thank you!
Hello !
You can paste the CSS code in Theme Panel – Custom Codes: https://www.screencast.com/t/XnpaX1nsnn5N
Also please note that on our cloud templates you can use the tagDiv Composer page builder in order to make the adjustments needed.
Thank you !
Hello !
You can paste the CSS code in Theme Panel – Custom Codes: https://www.screencast.com/t/XnpaX1nsnn5N
Also please note that on our cloud templates you can use the tagDiv Composer page builder in order to make the adjustments needed.
Thank you !
Hi,
If you are using a block you need to use custom css, but if you are using a flex block you can edit it with tagDiv Composer.
Also the categories from “Enchantment” sidebar are already removed -> https://i.imgur.com/htPLV2r.png
If this is not what you mean, please provide some more details.
Thank you!
Hi,
This can be a plugin conflict or some custom css, from what I can see the images are display only on 50% width.
-> https://i.imgur.com/zg2pfL4.png
Let me know the results!
Thank you!
Hello !
Then the only option would be to use a custom css code. Please provide a link to your website in order to inspect.
Thank you !
Hi,
For this you’ll need to use a custom css like this one -> https://i.imgur.com/WnzVxiO.png
.page-nav {
margin-right: auto;
margin-left: auto;
display: table;
width: auto;
}
The code need to be set in theme panel> custom code> custom css.
Hope this will help you!
Thank you!
Hi,
Here is a copy-paste of the latest feedback I got from the WP Rss Aggregator Support Team:
“Our plugins are coded to append the source link text to singular posts that are imported, but will be unable to differentiate between a “footer page” and a “content page”. These elements seem to be unique to the way your theme is structured.
You will need to add an HTML class to the bottom element and use CSS to hide the source link text.”
That was about the “read more” link showing up below the footer page.
Then I asked them again about the “read more” link showing up after the “related posts” section of the post body content. They suggested to leverage CSS again but to be careful about potential side effects.
The postman,
