Search Results for 'css'

Hi,

I am assuming it does not work fine on mobile, that is what I can see in the screenshot. On mobile try removing the float properly. Use a code like this and see if it displays properly

#ad1 {
float: none;
}

Enter it in Theme panel->Advanced CSS in the phones section. However it would be helpful if you could provide a link to your website if possible, so we can see the issue and try to give you a more accurate solution.

Thanks

Hi,

I think this is somewhat of a misunderstanding. If you would like to display a smaller font size on mobile for the article titles in the big grid, use something like this
– https://www.screencast.com/t/V8Y2HOsw6
Please remove the previous code related to the big grid (leave the one for the block), and enter this one in Theme panel->Advanced CSS in the phones section

.td_block_big_grid_12 .entry-title a {
font-size: 12px;
}

Please let us know if this is a solution in this matter.

Thanks

Hi,

There seems to be a huge padding set on the video element
– https://www.screencast.com/t/dDXt5cvp8iwi
You could try as a quick fix a code like this
– https://www.screencast.com/t/IDC6dQsiLZZ
Enter it in Theme panel->Custom CSS and check if it works. If you have caching installed, clear it after entering the code

.fluid-width-video-wrapper {
padding-top: 392px!important;
}

Visual composer can be used for posts, but this is not recommended. It should be only used on pages
– https://forum.tagdiv.com/how-to-use-visual-composer/
The tagDiv composer is a front-end page editor and can be used for pages only
– https://forum.tagdiv.com/tagdiv-composer-tutorial/
In future updates more options and elements will be added to this editor exclusively, not for Visual composer.

Thanks

Hi,

You could maybe create a condition where the sidebar is called, to not display it on the shop page only
– https://www.screencast.com/t/CKWIy0y5LS5
Try something like this and see if it works
– https://www.screencast.com/t/9NR8zcdv9eK
Or maybe you could hide the sidebar with some CSS on the shop page only
– https://www.screencast.com/t/P209TUSDi
Try this code

.post-type-archive .td-main-sidebar {
display: none!important;
}

Thanks

Try to change the 16px size. It should work fine. Please also check if you do not have a big red x in the custom css box as it would indicate an incorrect code. Maybe you have an un-closed tag in your previous css.

Thanks.

Hi,

There is no option to disable the comment when using the mobile theme. However you could make a small modification in the theme and remove them from the post page on mobile. Comment or remove this line of code from this file
– https://www.screencast.com/t/o426OMatf0
– https://www.screencast.com/t/ZP0myqMNg
This will remove the comments from the post page when using the mobile theme. Or you can enter a code like this in Theme panel->Mobile theme->Custom CSS section

.single .comments {
display: none;
}

If you are not using the mobile theme plugin, this setting from the theme panel will disable the comment for the post page
– https://www.screencast.com/t/1viE3zUtK

Thanks

Hi,

There is no easy way to do this with CSS. The containers have fixed widths and all the elements depend on that fixed width. It could be done with strong code, but it may affect other elements.
Try adding a code like this
– https://www.screencast.com/t/OtAd9AgSmS

.bbp-pagination {
clear: both;
}
#bbp-search-form {
width: 1068px;
margin-left: -1068px;
}

I believe you should use these codes in the Advanced CSS desktop section, so it will apply only on desktop. These modifications may not work properly on other devices.

Thanks

Hello,

Unfortunately your site just comes up blank. There is not even an under construction message. I cannot see what you mean exactly. Please contact us via email at contact@tagdiv.com and provide wp-admin so we can login to your site and see if your request is possible through a css modification. Please also include a link to this topic in the email body so we can identify you.

Thanks.

Hello,
On mobile the fonts can only be changed through css so please use this code to change them:
for the big grid:

@media (max-width: 767px){
.td-big-grid-post.td-big-thumb .td-big-grid-meta .entry-title, .td-big-grid-post.td-medium-thumb .td-big-grid-meta .entry-title {
font-size: 16px;
}
}

for block 11:
@media (max-width: 767px){
.td_module_10 .entry-title {
font-size: 16px;
}
}

Thank you!

Hello,
You are probably using the mobile theme plugin. That is why the footer cannot be removed because it is not the same on as on desktop. In this case you can remove it with this css code:

@media(max-width:767px){
.td-mobile-footer-wrap{
display:none;
}
}

Add the code in the theme panel-> custom css box.

Thank you!

Hi,

I have inspected your website, and I see the problem. It seems that a plugin is affecting the page layout. It ads a margin to the main content and the sidebar section
– https://www.screencast.com/t/pfeJQqbeFM4w
– https://www.screencast.com/t/KsU9n3Ai9
I could give you a code that will remove that margin as a quick fix
– https://www.screencast.com/t/ou6sJ4jDZb
Enter this code in Theme panel->Custom CSS section
– https://www.screencast.com/t/5hgK7J73Zbj

[class*="span"] {
margin-left: 0;
}

Thanks

Hi,

To open the image box link in a new window, use this option
– https://www.screencast.com/t/tnnx9psBKQWM
For the font of the title there is no theme option, but you could use some CSS to customize it as you wish (add more properties and modify the ones in the as needed)
– https://www.screencast.com/t/dguexICH

.td_block_image_box .entry-title a {
font-size: 20px;
color:yellow;
}

Thanks

Hello,
Please install the fontawesome 4 menus plugikn and then add this code in your theme panel-> custom css box:
.td-mobile-content .td-icon-menu-right:before{
content: '\f055';
font-family: fontawesome;
}

Thank you!

Hi,

That code has to be entered in Theme panel-Custom CSS section here
– https://www.screencast.com/t/6oWfVjuGmUG
If you have a different problem, please provide a link to your website so we can inspect it, and give you a more accurate solution.

Thanks