Search Results for 'css'

The menu going on 2 lines is normal if you have many menu items.
You can try to use this code to make the menu dull width on ipads though:

.td-header-style-10 #td-header-menu{
width: 100%!important;
}

Ad the code in the same advanced css field of the theme panel.

Thank you!

Hi,

Try entering the code provided below in Theme panel->Custom Css section
– https://www.screencast.com/t/Ii3ADfrC43s
It should prevent any clicking action on the images used in Smart list style 2, if that is what you are using

.td_smart_list_2
.td-slide-smart-list-figure {
pointer-events: none;
}

Thanks

Hi,

It seems to be an issue when using a different Block header style, than Block header style 1 – Default. This is causing the problem with the category hierarchy. Please enter this code in Theme pane->Custom Css, it should fix the problem for the current header style that you are using for the blocks
– https://www.screencast.com/t/6Y9LbULUPz

.td_block_template_10.widget li {
margin-left: 12px!important;
}

I will add this problem on our issue list, and hopefully it will be fixed as soon as possible.

Thanks

Hello ronaldoaquino234,

Unfortunately, you cannot change the color of it because this is just an image, s you can see here -> https://www.screencast.com/t/UhHE2BZaiio As you can do is to make a new same image, edit it in Photoshop and then load it with some CSS code, like this -> https://www.screencast.com/t/UyMyxjaB

Thanks for the message!

Hi,

Sorry but the new full grids to not yet have typography settings in the theme panel. It is on our to do list and we will add them in future theme updates.
Until then you can use this css to change the font size:

Big thumbs:
.td_block_big_grid_fl_7 .td_module_mx23 .entry-title{
font-size:24px;
}

Small thumbs:
.td_block_big_grid_fl_7 .td_module_mx24 .entry-title{
font-size:16px;
}

Thanks.

Hello pinxe,

If you want to change the category tag color, you should check the Theme panel->Settings, like this -> https://www.screencast.com/t/Un8RAlLKA Also, you can try using a bit of CSS code to change the color of the tag for Modules/Blocks. If is not what you mean, provide more details about what you are wanting to do and also, provide your website URL so I can take a closer look at it.

Thanks for the message!

Hi,

I have tested the method and it is still working properly. Maybe you are not making all the steps required. First paste the code provided by Bogdan in his last reply, in the td_module_single.php file. There you will see as specified in the topic, that there are 2 sections. Post sharing top section
– https://www.screencast.com/t/u5CwkINb1u
And lower in the same file, Post sharing bottom section
– https://www.screencast.com/t/7ufxi4Km
After you enter the code for the section you want or both of them, you must enter this code in Theme panel->Custom Css
– https://www.screencast.com/t/qcFiDeb2LwG

.td-social-linkedin {
margin-left:8px;
background-color: #006699!important;
}

Also please make sure to have the Font awesome 4 menus installed and activated.
If it does not appear, try clearing the cache. But the method is tested and works, if you follow the steps exactly as they are mentioned.

Thanks

Hello,

Since the read more button is a custom implementation (as it’s not part of block 11 by default) you should check the css for the custom element. It is not a theme issue. It is a custom element and not part of the original theme code.
You can however much more easily switch to block 12 which already has a read more element to it: https://demo.tagdiv.com/newspaper/block-12/
If you do not want to switch the block, you cna try the alternatove to hide the read more button in ipads.
You can try this code:

.ebl-readmore{
display:none
}

You can add the code in the theme panel->custom code->advanced css and place it in the ipad portrait section

Thank you!

Hi,

In order to remove more from author you can use 2 methods:
The css method:

.td_block_related_posts .td-related-right {
display:none;
}

You can add the code in the theme panel-> custom css box.

Or you can edit the theme files: comment out or delete this part: http://screencast.com/t/Okmq7lxTDzGd

Thank you!

Hello,

Sorry but there is no simple css that can make this modification. Only phones receive the mobile phone view or the mobile theme plugin. Tablets receive the desktop version. Our theme does not provide any options to change this behavior. It can only be made with customization. Unfortunately there is no simple way of ding it. You will have to hire a freelancer to help out with this customization.

Thank you!

Hello tekniksmart,

If you want to use this way of applying your images, notice that you should use a bit of CSS code for this process. First of all, you should load your desired image if you want to apply to your header on base34 website and then, you should take the CSS code from there, like this -> https://www.screencast.com/t/7JG5otMK8Bt and then you can use the following code, like this -> https://www.screencast.com/t/gNQHnhfjqs

Hope this helps!

Thanks for your message!

Hi,

You can try this code, it will remove the comment count on the author page
– https://www.screencast.com/t/hmwTGuwoq
Enter it in Theme panel->Custom Css

.author .td-author-comments-count {
display: none;
}

Thanks

Hi,

For me the Times new roman font is loaded for the post content in the post page you provided
– https://www.screencast.com/t/01frurnDkgB
The title elements have the Bitter font
– https://www.screencast.com/t/NYRTsB4Xh3
I have tried the Garamond font for the post content for example
– https://www.screencast.com/t/rjYKIT3BrTy
And it is displayed as intended
– https://www.screencast.com/t/8hppbzFv3
In case of font families, there is a chance that different fonts will be displayed. One time it may be this font, and in others a different one. It all depends on the browser
– https://www.w3schools.com/cssref/pr_font_font-family.asp
– https://developer.mozilla.org/en/docs/Web/CSS/font-family?v=control

Thanks