- NewsmagtagDiv Composer Tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
- NewsmagUsing other ads
- NewsmagUsing Typekit fonts
Hello Chris,
Make sure that your Custom CSS code is correctly added to the CSS core file. Clear all the caches, purge CDN files and check the results. Should work as expected if the code represents what you want to modify. Notice that all of these tasks involves doing such a custom work and we cannot provide something like this, sorry!
Thanks for the message!
Hello zielmedien,
You should use a bit of CSS code to hide it from mobile devices. I need to know your website URL so I can take a closer look at your website and also, so I can provide a more accurate code. Also, you can provide some useful screenshot with your problem.
Thanks for your understanding!
Hello,
No, you are not adding it in to the correct field. Please use the custom CSS section.
Thanks.
Hi, can you provide css code for a full-size, centered and padded logo for header style 7? I would like the image to appear in the actual size. Thank you.
Hi there,
I am trying to make my website automatically load my CSS without it overriding the default style first, however, when I add the following CSS (that works fine in the Custom CSS on the Theme Panel) to either the style.css or demo-style.css it does not show up at all on my website.
Any ideas why?
Here is the CSS I am adding:
.td-lifestyle .td-header-style-1 .sf-menu > li > a:hover {
color: #ffffff !important;
}
.td-post-category {
background-color: #fed64e !important;
color: #000;
}
.td-post-category:hover {
color: #ffffff;
}
.td_module_mx8 .td-post-category {
background-color: #fed64e !important;
color: #000;
}
.td_module_mx8:hover .td-post-category:hover {
color: #ffffff;
}
.single .td-category {
display: none;
}
@media screen and (max-width: 767px) {
.td-footer-wrapper::before {
background-image: url(https://www.syrupbee.com/wp-content/uploads/2018/01/Sunflower.jpg) !important;
opacity: 0.2 !important;
}
}
@media screen and (min-width: 1141px) {
.footer-logo-wrap img {
margin-top: 21px;
margin-left: 185px;
width: 35%;
}
}
@media screen and (min-width: 1019px) and (max-width: 1140px) {
.footer-logo-wrap img {
margin-top: 22px;
margin-left: 165px;
width: 35%;
}
}
@media screen and (min-width: 768px) and (max-width: 1018px) {
.footer-logo-wrap img {
width: 70%;
margin-top: 25px;
margin-left: 50px;
}
}
@media screen and (max-width: 767px) {
.footer-logo-wrap img {
width: 10%;
margin-top: -20px;
margin-bottom: -20px;
}
}
.td-lifestyle .td-header-style-1 .td-header-menu-wrap:before {
display: none !important;
}
.td-lifestyle .td-header-style-1 .td-header-menu-wrap:after {
display: none !important;
}
Thanks,
Chris
Thank you 🙂 However when I add the css to style.css or demo_style.css it does nothing. Any idea why?
-
This reply was modified 8 years by
Mercuriel.
Please help me to complete my installation. becasue error show theme broken
style.css and childtheme
Normally style ‘over rides’ load after the original styles; so only way to remove a flash of unstyled or original style text/design is to actually add your customizations to the end of the main style.css so they are loaded all together. At least that’s what I do.
Don’t blame the page builder? You JUST said the only way to do in YOUR Page Builder what was easily done in VC one was to use CSS? And you STILL didn’t explain how to do it.
How is that not knowing how to use your page builder? That’s wanting an actual page builder INSTEAD of having to do everything CSS. That’s the point of a page builder.
Hi guys
I am trying to create 200+ pages for our communities in my city.
I had been able to do this using Visual Composer in the past, where i would grab their shortcodes and just edit the text as needed using my own shortcodes.
This seems to work for the most part, however if i use the text editor to re-create these pages and just change the name of communities and try to make changes to the text files, it breaks and spits out weird characters, specifically when using TAGDIV’s Inline text block, ie:
[tdm_block_inline_text description=”The Bonavista community newsletter has strong and consistent readership el_class=”newsletter-description”]
The text output like so:
��,��mz������x��,�Ț�*’5�,��mz��nX���u�ئz�^�’����u�b���v���
What i dont understand is why your shortcode actually looks like this on wordpress text editor:
[tdm_block_inline_text description=”JTNDZGl2JTIwaWQlM0QlMjJuZXdzbGV0dGVyLWJhbm5lciUyMiUyMHN0eWxlJTN” display_inline=”yes” tdc_css=”eyJhbGwiOnsid2lkdGgiOiIyMTUiLCJkaXNwbGF5IjoiIn19″]
Is it getting hashed/salted somehow before outputting the html?
Is there a way i can use just “plain text” in these inline text blocks? Can you please help me?
Is there perhaps a better way to batch create these pages? All pages will have the same structure, ad at the top, a side bar, pdf link and paragraph of magazine, a news block section about that community, the “archive” of past editions, a quick section on the community association, the demographics and nearby publications.
I dont want to do these manually using TD composer, can you help me figure this one out? If i am able to do these via shortcodes it will make things a lot easier for me.
Hello,
Unfortunately the theme does not have the tools necesarry to make that exact look for the block but you cna come pretty close to it.
Here is an example of one I made in the tagdiv composer using different colors for the backghround, a different block header and a css code:
https://www.screencast.com/t/QfMG4fZh
here is the css:
.td_block_9 .td-module-title a{
color:lightgrey
}
Here are the settings i used:
https://www.screencast.com/t/m6b9yMxOhwN3
https://www.screencast.com/t/eXYrilyFFKYi
I hope this helps.
Thanks.
Hello,
Unfortunately the category tag can only be changed with css.
Please use this code to change the category tags color:
.td-post-category, .td-meta-info-container .td-post-category{
background-color:Red
}
Thank you!
Hello,
I want to centralize and justify the post title when viewed as a thumbnail, in any grid, in any block. Currently the “Thumbnail Description” area is composed by Title, Meta Info and Excerpt. I use no meta and no excerpts, only ever post titles. However, I saw that the option to disable metas and excerpts do not ACTUALLY disable them, but instead hide them through CSS (didn’t really expect this), which causes the text to always float left (or always staying on top, dividing its space with empty space that should have been the excerpt).
Is there a way to centralize and justify the text so it occupies the whole description area? It’s ok if it’s just centralized, because this white space is killing the design. I even tried tailoring with Titles/Excerpts maximum word numbers but did not work as post would get extended, but it would still share it’s area with the invisible ones.
Hello,
The post views can only be removed for all posts or pages at once. If you want to remove it from just a specific page, please provide a link to this page and I will provide the css code for it.
Thank you!
Hi,
This is unusual, for some reason the mobile menu and background are set to hidden, they are no visible while being there. This could be caused by a plugin conflict, the mobile theme is affected by caching plugins in some cases. I see you are using the rocket plugin, this could the one responsible. You could test that by deactivating it and clear the cache.
I could give you a code solution to make the menu visible and the search icon
– https://www.screencast.com/t/wVXpfZeiU
– https://www.screencast.com/t/88H1iAfgfSgA
But other issues may happen in the future. This is the code for this, enter it in Theme panel->Custom CSS if you decide to use it
#td-mobile-nav,
.td-menu-background {
visibility: visible!important;
}
@media (max-width: 767px) {
#td-header-search-button {
display: block;
}}
The theme does not have a search option like that, the only search would be the one implemented in the modal
– https://www.screencast.com/t/gEm8RbuHuu
This could only be achieved through a search plugin maybe, or manual implementation in the theme code and files.
Thanks
Hello,
Yes, you can remove the margins of the header elements and have them stick together.
Add this code in your custom css box:
.td-header-style-4 .td-header-sp-recs{
margin-bottom:0!important;
}
.dj-desc{
margin-bottom:1px
}
Thank you!
Hello,
The new page builder was indeed tested and there are no issues with it. The issue is you are trying to re-create an element built with another page builder. It is not a VC copy. It is a new page builder with it’s own options and features. If you want to create a simple green box with white text you can create it like so:
Use a column content element and set it up as you describe: https://www.screencast.com/t/DgYhypVB8 you can assigna a custom class to the element and round it with css
The result would be like so: https://www.screencast.com/t/12pQqmM5H8B
Please do not blame the page builder if you do not know how to use it. Please check the different settings provided as there are many cool things you can do with the tagdiv composer.
Thanks.
Hi,
You could use the call to action element, choose a row layout as you think best
– https://www.screencast.com/t/rNg9hjhm4e
If you want to make some changes to the spacing, you can use the CSS tab of the elements. Add negative margins to each of the elements like in this example to drag them closer to each other
– https://www.screencast.com/t/PMIdpAzze1
The rows can have borders or backgrounds set if needed, for styling
– https://www.screencast.com/t/1WTdvkxdotMU
Thanks
Hello,
You can do all this from the plugin as well . The size of the icons is the header menu font size as they are font icons. The position can be changed if you use the html implementation, not the css implementation. You can simply add the html code before or after the menu item title.
This request will need to become more popular if we are to consider implementing it into our theme but for the moment this is the only such request. Please understand we have lots of requests and have to prioritize based on popularity.
Thanks.
Hi,
We are sorry for the issues you are encountering. We will try to solve each of them together.
1. Regarding the social icons, it seem the global header style is not applying when importing the demo. Please edit the page with the tagDiv composer and set the block header style of the social counter to global, like this
– https://www.screencast.com/t/IHwnZr5hD6
This should have been set by default.
2. That is an image box element, when editing the page with the composer it would appear like so
– https://www.screencast.com/t/jEfxhONC
It can be removed and replaced with an image of your choosing. In your case it seems that no image is appearing in the composer edit screen. I would suggest to try as a quick test to deactivate all plugins except theme plugins and check again. The image should appear.
3. The demo design is with a black header background, this is set manually in the demo stylesheet. I believe at the time of creation of the demo there was no theme panel option to set a header background color, so it was set with CSS.
The black color will appear automatically as long as header style 10 is used. If you want to keep using this header style with your own color from the theme panel, a small modification will be necessary in the demo stylesheet
– https://www.screencast.com/t/1uPQyhmuE
Then any color set in the theme panel will be displayed as a header background.
Regarding the featured video for posts, notice the allowed video sources which are Youtube, Vimeo, Dailymotion or Facebook. It will only work with these, use the recommended post templates, select the video post format as well. In case you are doing everything properly and it is not working properly, please provide more details about the issue it would be helpful.
The screenshot you posted with the problem cannot be viewed unfortunately
– https://www.screencast.com/t/p86Y3MN6FOs
Or the website – https://www.screencast.com/t/0V8uloTg
Thank you!
Hi,
Maybe these guides and tutorials will help as well
– 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/
– https://managewp.com/blog/wordpress-ssl-settings-and-how-to-resolve-mixed-content-warnings
– https://designmodo.com/wordpress-https/
Thanks
Hi.
Did this and worked with the CSS but it still gives me some problems.
If you see on :
http://dragoernyheder.dk/ (here it is okay)
but if I select another page it looks like this.
http://dragoernyheder.dk/dengang-og-nu/
Password : dragoer
Why this change ?
Hello forum, I would need to know how I can do to cut the distance of my header photo with the menu bar on my website. I want the photo to be attached to the bar. Is it possible to do this by entering some kind of code? or modifying something in the CSS? Attached photo header1.png which is how it is now and attached photo header2.png as I would like to show. Thank you
http://www.radiomarcabarcelona.com/MENU/header1.png
Good http://www.radiomarcabarcelona.com/MENU/header2.png
I am trying to insert an image in a wpbakery text box, which I can do, but for some reason the image is resized and not full width as desired. Inspecting the css it looks like an alternative width is being applied. It is a full width page with no sidebar. If I use the Single Image option is doesn’t have this restriction. The page is https://bodyboard-holidays.com/new-homepage/ and you can see the issue half way down the page, the watch our video image.
Thanks. I already use SEO Yoast, and I already have a Tiny mce editor fot Tag and category. However it seems to me that not all the formatting rules are available.
Could it be a CSS class problem?