No search results were found in Documentation!
Hello,
I am currently using header style 5 for my menus. I started from a clean install – didn’t use any demo.
But I would like my main menu to have similar hoover effect as seen on the default demo. For the exact look, the BBC website has exactly what I would like to implement–>http://www.bbc.com/
I would also like control over the color of the hoover effect lines. Like each menu item having a different color.
How can I implement this.
Thanks!
Hi,
You could achieve something similar based on the gadgets demo and the screenshot you mention. This code is for block 9 placed in a 1/3 column
– https://www.screencast.com/t/wrMgwz1z
You can make modifications to it and style the block as you wish, change colors, margins padding etc. Then enter it in Theme panel->Custom CSS
This is the code used in the example
– https://pastebin.com/a2qTD7xH
Thanks
Hello,
I am using de BookClub demo, and since yesterday my logo on mobile was aboce the main menu.
Yesterday i uploaded a new logo with borders, and now it appears in the main menu. How can i change this ?
Thank you, and excuse my english i’m french !
Emilie
Hey,
I just made few changes on my page but now I am not able to set the details I want. It’s custom demo – Blog Fitness. ( http://www.neverskipriding.com )
1) I’ve changed the Theme Accent Color to – #f90606 but still when the modules are hovered it’s orange.
https://www.screencast.com/t/XTq4FCaR7e
I want to have all modules on the page in color – #f90606
2) Now my Instagram feed is not a stretch row and it has a grey borders/background https://www.screencast.com/t/0WgbZrbhtdi
I would like to set it like this – https://www.screencast.com/t/S1txPj8sqk
Thank you for the help.
David
Hello,
It is done with css but it needs to be targeted on the specific menu item otherwise it will affect all of the menu at once. It is a custom implementation made for the demo presentation. You can do it by targeting a specific menu by it’s unique menu item id here is an example for my menu: https://www.screencast.com/t/S1m1YrpW
.menu-item-230 .sub-menu{
padding: 14px;
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
}
The menu item number needs to be changed to your own unique menu item number.
Thanks.
Hi,
That would not be difficult to do. Take a look at the demo ads for example
– https://www.screencast.com/t/6xD9X8PQg
First there is a class set to control for which devices the ad will be shown
– https://forum.tagdiv.com/using-other-ads-non-adsense-ads/
Then a link with the destination you want is set, and an image source. That is all that is needed to display an image of your choosing linking to a desired location. Use the examples in the guide if you want to control the devices for which the ad will appear. You could for example set different ads for each device if required
– https://www.screencast.com/t/mY7ZiZSTac
Thanks
Hi,
With the multi-purpose plugin that would not be difficult. This offers multiple row settings
– https://www.screencast.com/t/5iydm2mJK2x
As well as adding many elements that can be used with the composer
– https://www.screencast.com/t/nsgp1Csh
Buttons for example have an option to scroll to class
– https://www.screencast.com/t/itGrOLZpx
They will scroll to a chosen class existing on the page when clicked. So depending on how you want to design the page in question, I am sure you will find the suitable elements for it. Here is a video demonstration of some of the multi-purpose elements
– https://www.youtube.com/watch?v=C0ARTSimnUY
Thanks
Hello,
Please provide a link to your site so we can inspect it and see how it’s different than the demo here: https://demo.tagdiv.com/newspaper_what/
Thank you!
Hello,
Sorry but each block has a different implementation based on column size. This cannot be changed unfortunately. Please check this list to see each block and how it will display in different layouts: https://demo.tagdiv.com/newspaper/block-1/
You can change the blocks from this section: https://www.screencast.com/t/i066rVTN
Thank you!
Hi,
You can install the demo you like, then gradually replace the content with your own. Start from the top for example, upload your own logo, set your own menu
– https://forum.tagdiv.com/logo-favicon/
– https://forum.tagdiv.com/main-menu/
– https://forum.tagdiv.com/mega-menu/
Edit the homepage with the tagDiv composer, remove/modify/add elements as you want
– https://forum.tagdiv.com/tagdiv-composer-tutorial/
– https://forum.tagdiv.com/block-settings-guide/
Each block and grid can be configured to display the posts you want, there are multiple filtering and sorting options available.
Please let us know if you have more questions or you need help with something.
Thanks
I am trying to get my site to look more like the scale of the demos where the page / posts / images are wider and larger. How can I accomplish this? My site is https://northendwaterfront.com
Hello Bogdan,
As user brunodups pointed out, this is a feature that is common in all major news websites – you should consider adding it to your list of future updates.
For now, two things;
Thanks.
What I want to say, is that on the computer screen the sliders look different width. On the screen. And I want my slider to look the same width as the demo slider.
When I try to set up my menu with the drop down images like in the demo, I can’t do it. I don’t have any option to change a category or page into a mega menu. The box is just not there.
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.
i need to know name of this modules or blocks pls:
1. https://goo.gl/Mau6Vo
2. https://goo.gl/opBBjC
3. https://goo.gl/kJdbxw
4. https://goo.gl/wFPH2P
5. https://goo.gl/EFAUyG
6. https://goo.gl/32kLXF
Means all with 3 dots at final, here is my demo link: https://demoautomatico.conexionmas.com/
Stay alert
I installed “say What demo”. in the demo the width of the website and the post is larger than in the demo I have in my website.
How can I control the width of the website and the post?
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.
Hi,
Does it mean that I just need to choose to install DEMO, and modify the page directly in the DEMO after I install it?Replace the DEMO content?
Look forward to your help.
Hi,
Only font awesome icons can be used in the menu at the moment
– https://forum.tagdiv.com/how-to-add-icons-in-menu/
Other icons could only be inserted with customization maybe. Block titles also do not have this option at the moment. Only block header styles are available
– https://demo.tagdiv.com/newspaper/block-header-1/
There are some custom solution here on the forum if you want to try
– https://forum.tagdiv.com/topic/some-edit/
– https://forum.tagdiv.com/topic/icon-on-blocks-title/
Thanks
Hello how can I add icons next to block headings, Like on this page–>http://demo.themeum.com/wordpress/newedge/
Also, is it possible to add custom icons to menus? instead of using the Font Awesome icons?
Hello,
If you want to change the image for the travel guides demo, you will find it set a as a background for the row containing it: https://www.screencast.com/t/HGMWq9FmhvlN
Thank you!
Hi,
The child theme is not related to the demos. It can be installed and used when you think it is necessary to use one. It is provided in the main theme package
– https://forum.tagdiv.com/whats-included/
– https://forum.tagdiv.com/the-child-theme-support-tutorial/
So use one only if you plan to make consistent modifications of the theme. Other than that you can use the custom code sections in the theme panel for minor customization.
Installing a demo will import the demo content, theme panel settings and custom demo design.
Thanks
Hi,
But the sliders are of the same size, no need to do anything in the matter. The slider is imported with the exact same settings as the demo slider. There is no difference between them, they have the same width (full) and height
– https://www.screencast.com/t/xGJSORg7Y
– https://www.screencast.com/t/XetEH6WNMSyx
Sorry but I don’t understand what differences of size you are referring to. If you could provide some more details about them it would be very helpful.
Thanks