Hi all,
I have related articles enabled for the bottom of my posts but the thumbnails are the incorrect size. I’m using images of 1920×960 (2:1) for my thumbnails (most compatible with Social Media) and as a result the thumbnails in the related articles section are cutting some of the image off. Have looked into trying to adjust the CSS to change this but have had no luck.
Does anyone know how to change this so the full thumbnail appears in the related articles section. Don’t mind if it changes the number of shown articles.
Thanks, Paul
I’ve created a custom CSS class that makes sure that the widget in question, when inserted under ‘Extra Class’ in the Visual Composer variant of the widget, makes sure that the widget doesn’t get shown when browsing the website on a mobile device. This ‘Extra Class’ option doesn’t show up in TagDiv-widgets that are placed in the ‘Newsmag default’ sidebar. Am I missing something? Thanks in advance for your answer!
FYI, what we did for a two column layout was simply use a full width block, then use normal CSS for two columns (we actually used a table 100% width, with two custom columns with a td width = 50% class). In our case we didn’t need to put modules or blocks in there (or widgets), but did use a shortcode in one, and normal plain HTML in the other.
However, yes, having a two column “row” for pure HTML would be helpful.
Hi
I am using Header 7, and the sticky menu displays a smaller size logo & changes the placement of the menu when scrolling down/up.
I’m using this CSS at the moment to keep the height of the menu smaller than the default.
.td-header-style-7 .td-header-menu-wrap-full, .td-header-style-7 .td-header-menu-wrap {
height: 68px !important;
}
.td-header-style-7 .td-header-sp-logo {
height: 68px;
}
.td-header-style-7 .td-header-sp-logo a {
line-height: 68px;
}
.td-header-style-7 .td-header-sp-logo img {
max-height: 68px;
line-height: 68px;
}
.td-header-style-7 .sf-menu > li > a {
line-height: 68px;
}
.td-header-style-7 .sf-menu {
margin-top: 0;
}
.td-header-style-7 #td-top-search {
bottom: auto;
top:0;
}
Please let me know how to keep the logo the same size – for when it’s in static mode & sticky mode.
Thanks
Hi,
The code will affect the second column of block 3, on the whole block top to bottom. These changes are not recommended to make, the blocks and modules depend on the fixed width of the layout. All the Css values are linked together, changing one will most likely cause problems in other places.
The module thumbnails do not adapt to these modifications. They will always be of the same initial size.
You could now set another negative margin to the whole sidebar section
– https://www.screencast.com/t/MN5RIiEqKPni
.home .tdc-content-wrap .td-pb-span4 {
margin-left: -12px;
}
Thanks
It is because the code only affects the front-end. The back-end is not affected by the theme panel custom css field.
Thanks.
i have insert the css in Live CSS, but that makes space between news and sidebar
Hi,
You can try this code if you think this is how you want the block to look
– https://www.screencast.com/t/nlsZF0JiaXQk
It will reduce the distance between the two columns of modules, only for that block
.td_block_3 .td-block-span6 + .td-block-span6 {
margin-left: -12px;
}
The code must be entered in Theme panel->Custom Css section, if you decide it is what you want.
Thanks
Hello awoodhams,
You should check the Translations section and add there your desired name for this section, like this -> https://www.screencast.com/t/Q5yXpwocHx1s and the result is here -> https://www.screencast.com/t/pYpNp3RlKCm or if you want to use a bit of CSS code, you can try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td-related-left, .td-related-right {
text-transform: lowercase !important;
}
.td-related-left:first-letter, .td-related-right:first-letter {
text-transform: uppercase;
}
Thanks for your understanding!
Hello,
No you will not lose any at all modifications if the main theme files remain unchanged.
The css in the theme panel remains the same.
Thank you!
Hi,
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
Thank you!
Hello,
Please add this code in the theme panel-> custom css box:
.td-page-content blockquote p, .td-post-content blockquote p, .wpb_text_column blockquote p, .td_block_text_with_title blockquote p, .bbpress blockquote p, .woocommerce #tab-description blockquote p, .mce-content-body blockquote p, .comment-content blockquote p{
text-transform:none!important
}
Thank you!
Hi,
My site breaks. When I updated to v.8 and activate the tagdiv composer, I got blank screen of death. When I deactivate and activate visual composer, the site breaks and the design was affected. How can YOU aid me have my site design look back? Seems the css is not connected to the site.
Url: http://mogulettesafrica.org
Awaiting your response.
With regards
Thanks for your reply, but it didn’t work for me.
On the other hand, I grouped every single item with font-family in style.css and now i’m changing only three items.
Check this out. It actually works:
https://pastebin.com/FwVWsZce
Regards
Kostas
thanks, that topic was very helpful in understanding child theme even more clearly.
Can I lose my modifications? (when I update?) I have not made any changes to the theme files itself. The theme files are as they were before, I have only made the social media icons a little bigger using the CSS panel available in the theme panel? rest of the changes are just the arrangement of blocks, grids, logos etc. nothing to fancy.
I may lose these things worries me?
Hy you all
thanks for your suggestions. Some browsers, yes, make use of blocker. But the real helper is Catalin. I really appreciate your high quality support.
So my homework now is to discover the bad thing inside.
the row says
<div class="td-header-ad-wrap td-ad-m td-ad-tp td-ad-p" style="display: none !important;">
</div>
but the style.css at line 281
has
.single-post #td-theme-settings,
.single-post .td-header-top-menu,
.single-post .td-header-menu-wrap,
.single-post .td-header-sp-rec,
.single-post .td-main-sidebar,
.single-post .td-post-source-tags,
.single-post .td-post-sharing,
.single-post .td-post-next-prev,
.single-post .td_block_related_posts,
.single-post #comments,
.single-post .td-footer-container,
.single-post .td-sub-footer-container,
.single-post .entry-crumbs,
.single-post .td-category,
.single-post .td-post-views,
.single-post .td-post-comments,
.single-post .td-scroll-up,
.single-post iframe,
.single-post .td-more-articles-box {
display: none !important;
}
I don’t think the problem is here becasue I tried to comment this row.. the result is the same.
In only one browser I see it. the others report a lot of style coded in gray with the word
“outbrain”
this drives me nut. Because the WP setup is fresh, and really I’m disabling almost all the plugins installed.. the problem persists.
Tomorrow I retry.
EDIT: I saved a local copy to try a find-in-file
but probably this is a 64base coded injection.
Ugo
Hi,
You can place the code in the Theme panel->Custom Css section
– https://www.screencast.com/t/lWFy3Czzzleo
The result can be seen in the screenshot provided in my last reply.
Thanks
The theme CSS is not loading. Now over http I get a random blue theme
Hello SWSMums,
Try the code below and place it in Theme panel->Custom CSS area.
.td-excerpt{
color:red;
}
The result is here -> https://www.screencast.com/t/OsVULuij
Thanks for the message!
Hi,
Here you can see a brief descriptions and preview of the available post templates
– https://forum.tagdiv.com/post-templates-2/
You can also see them live on the demo
– https://www.screencast.com/t/bkfxxt2w
– https://demo.tagdiv.com/newspaper/
Post template style 7 seems to be similar to the layout you mention. The sidebar can be disabled for posts as well. As for the post content width there is no default option to modify it. That could be done only by using some CSS. Like this for example (no sidebar used)
– https://www.screencast.com/t/TKdDoFo0vYm
When a sidebar is used the post content width is 696px, and without a sidebar it is 1068px.
Thanks
Hello,
There is no need to change anything in the theme as the theme already has automatic detects for http or https.
Please use these guides to properly implement ssl:
http://www.wpbeginner.com/wp-tutorials/how-to-add-ssl-and-https-in-wordpress/
https://css-tricks.com/moving-to-https-on-wordpress/
https://yoast.com/dev-blog/move-website-https-ssl/
https://forum.tagdiv.com/topic/moving-to-ssl/
Thanks.
Hello Amekaze,
If you want to increase the height of your Big Grid 1, please notice that you should use a bit of CSS code to make these changes. Try the code below and place it in Theme panel ->Custom CSS area and then, you should regenerate your Thumbnails with Force Regenerate or Thumbnails Regenerate.
.td_block_big_grid_1 .td-big-thumb .td-module-thumb {
height: 600px;
}
.td_block_big_grid_1 .td-small-thumb .td-module-thumb {
height: 298px;
}
The result is here -> https://www.screencast.com/t/yilZJiiZIUR0
Thanks for your understanding!
Hello stephanwhelan,
Please notice that you can stop the ads displaying for a certain category if you will use the category ID and then if you will use a bit of CSS code you can hide the ads from that page. You should provide your website URL so I can take a closer look at it and also, you can tell me where exactly you want to remove the ads. What category page, so I will be able to provide a more accurate response.
Thanks for your understanding!
Hello awoodhams,
Try using the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td-related-left, .td-related-right{
text-transform:lowercase!important;
}
The result is here -> https://www.screencast.com/t/2jEcOHFl
Thanks for your understanding!
Hello adam21s,
If you want to make these changes over the smart list button, you should use a bit of CSS code to do this. Try the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td-smart-list-pagination {
position: relative;
}
.td-smart-back{
position: absolute;
left: 0;
padding-left: 15px;
padding-right: 7px;
}
.td-smart-next{
position: absolute;
right: 0;
padding-left: 7px;
padding-right: 15px;
}
.td-post-sharing-bottom{
margin-top:50px;
}
The result is here -> https://www.screencast.com/t/xVUIQG5Ucifq
Thanks for your understanding!