Search Results for 'css'

Hi,

That is happening because you seem to have some custom code affecting the block wrap
– https://www.screencast.com/t/MIDdHQ6PC
If I were to disable that code everything looks properly
– https://www.screencast.com/t/NNnnm88doB
Please check in Theme panel->Custom Css section, and modify or remove the code that is affecting the block wrap.

Thanks

Hi,

The demo with content includes ready made menus, categories, posts etc. These will not be available if you install the demo without content. You will have to create your own categories and menus for example
– https://forum.tagdiv.com/how-category-settings-work/
– https://forum.tagdiv.com/mega-menu/
The settings that are imported are the demo css stylesheet and the theme panel settings.
It would be easier if you would install the demo you want with content and then gradually see how things work, and replace the dummy data with your own as you create it.

Thanks

Hi,

It seems to be a styling issue from the add-on. Try to use a different element on your homepage as the style does not seem to be working properly.
It can be fixed with this css:
.ult-ib-effect-style1.ult-ib2-min-height img{
width: calc(100% + 50px)!important;
}
But other styling issues could occur.

Thanks.

Hi,

You could use some Css to change the category tag color on the modules, like this
– https://www.screencast.com/t/FoioYixMs1tQ
This could be used on particular blocks as well
– https://www.screencast.com/t/AOZJVlxo8
This is the code used in the first example, you must enter it in Theme panel->Custom Css and change the color to what you want to use

.td-post-category {
background-color: red;
}

Here is a link to a tutorial explaining how you can use the browser inspector to identify the elements on the page and their classes, in order to create custom code that you can use in the theme panel
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
This way you can make minor customization to some elements, that are not available as an option at the moment.

Thanks

Hello yukiy531,

Unfortunately, our theme does not have any such an option that allows you to change the fonts only for mobile mode, sorry! The font settings are general for the entire website. So, if you want to have another post title size for mobile, you should use a bit of CSS code to do this. If you need some assistance in this regard, please provide your website URL so I can take a closer look at it and also, so I will be able to provide a more accurate code.

Thanks for the message!

Hello,

Our theme comes with a starting child theme found in the main theme package: https://www.screencast.com/t/IseAQl13UHrE
It works just as you describe but you must use he style.css provided. You do not need to move all of teh style.css content though as you will see the file only contains these lines: https://www.screencast.com/t/xo6Grn0yldN
FOr more information on the child theme please use this topic: https://forum.tagdiv.com/the-child-theme-support-tutorial/

Thank you!

Hi,

You can enable the modal feature globally in the theme panel
– https://www.screencast.com/t/nQODEpwTxl
That way you will not have to manually activate it for each image in the post.
More information here – https://forum.tagdiv.com/modal-window/
It all depends how and where you insert the images in the post structure. Maybe you can try to align the image
– https://www.screencast.com/t/EjkYYjnhU3d
So the text should clear the image and display beneath them. There is no CSS code that I could give to apply inside the post editor, you will have to find a way to align the post content using the available editing options.

Thanks

Hi,

Sorry but that will require extra customization. You will have to move each menu item further down in order to make the line visible. I suggest hiring a freelancer to help out with the css as the menu item s need changed in order for the line to be visible through the sub-menus and mega-menu.

Thank you!

Hi,

It seems you have some custom Css that applies to the post title
– https://www.screencast.com/t/XLeYTj2ea
Please check in the Theme panel->Custom Css section if you have any code regarding this, and modify or remove it.
The post title color can be changed from the theme options
– https://www.screencast.com/t/ofqfdgwB

Thanks

Hi,

You could try to add the class that modifies the header menu when sticky to the menu, but that would interfere with the top menu that you have on your website
– https://www.screencast.com/t/689rGLDon1
– https://www.screencast.com/t/hfqYYDcM3iI6
Modification will have to be made to the js of the theme as well. As I understand you want this to apply on a specific page so that would mean more work, if even possible.
You could possibly achieve this another way using Css, to modify the header to look similar to the sticky state
– https://www.screencast.com/t/mdGrr1Mk
And then have that code apply for a particular page, based on the page Id
– https://www.screencast.com/t/GREgtoZ9p
This is the code I used in the example if you should decide to use it, you just have to use the page Id that you want, and enter it in Theme panel->Custom Css

.td-header-menu-wrap-full,
.td-header-menu-wrap,
.td-header-sp-logo {
height: 48px!important;
}
.td-header-style-7 .sf-menu {
margin-top: 0!important;
}
.td-header-style-7 .sf-menu > li > a {
line-height: 48px;
}
.td-header-style-7 .td-header-sp-logo img {
max-height: 55px;
vertical-align: initial;
top: -5px;
}
.td-header-style-7 #td-top-search {
top: 0;
}

Thanks

Hi,

You could try to add that code in this file – https://www.screencast.com/t/wHvfKgGu
But I could not say if your plugin will work or not. Maybe it is simply not compatible with the theme or with another plugin. You could always search for other plugins with that kind of capabilities and see if they work properly.
For the scroll up button while using the mobile theme, you can try this code

.td-scroll-up {
display: none;
}

The code must be entered in Theme panel->Mobile theme->Custom Css

Thanks

The tagdiv gallery was never intended to be used on pages. It works but it lacks the css needed. Unfortunately there is no simple solution to it as the css needs adjusting on pages.
The alternative solution to this is using an image carousel or image gallery from visual composer:
https://www.screencast.com/t/ssg6p05Edm7

Thank you!

Hello,

Sorry but the new full grids do not yet have fonts setting for them. We will add them in future versions but for now you can only use css.
Here are the 2 codes for the 2 module types. The small ones and the big one in the middle:
.td_block_big_grid_fl_10 .td_module_mx25 .entry-title{
font-size:15px;
}
.td_block_big_grid_fl_10 .td_module_mx19 .entry-title{
font-size:20px;
}
You can add the code in the theme panel->advanced css and add different sizes for each device

Thanks.