Search Results for 'demo'

    No search results were found in Documentation!

Results from the Forum
designr
Participant
#0

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!

Simion C.
tagDiv Staff

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

Azulita
Participant
#0

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

David Langer
Participant
#0

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

Bogdan B.
tagDiv Staff

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.

Simion C.
tagDiv Staff

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

Simion C.
tagDiv Staff

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

Bogdan B.
tagDiv Staff

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!

Bogdan B.
tagDiv Staff

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!

Simion C.
tagDiv Staff

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

mjcxmjc
Participant
#0

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

designr
tagDiv Member

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;

  • I noticed the gadgets demo has something close to what am trying to achieve. Here is the screenshot—> https://ibb.co/bDu2bw .How can I add the square bullet points to Block 9?
  • Also I would like to be able to changed the color of the dotted vertical lines that divide the post titles, where can I change that from?
  • Thanks.

    oliviaperegrino
    tagDiv Member

    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.

    crystalfox
    Participant
    #0

    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.

    Mercuriel
    Participant
    #0

    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

    Mercuriel
    tagDiv Member

    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.
    johnfelipe
    tagDiv Member

    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

    hasstacc
    Participant
    #0

    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?

    Freddy Meynard
    Participant
    #0

    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.

    icolive
    tagDiv Member

    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.

    Simion C.
    tagDiv Staff

    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

    designr
    Participant
    #0

    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?

    Bogdan B.
    tagDiv Staff

    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!

    Simion C.
    tagDiv Staff

    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

    Simion C.
    tagDiv Staff

    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

    Viewing 25 results - 10,026 through 10,050 (of 17,268 total)