Search Results for 'css'

Hi,

The text padding has to be set manually for each post, when creating the post. That is the case for the sidebar as well, it has to be manually disabled for each post if that is required.
I see that you use the same padding value for the whole post content, you could try a code like this in the theme panel custom CSS section

.category-travel .td-post-content {
padding-left: 12%;
padding-right: 12%;
}

This will set a padding to the post content, for posts that belong to the travel category in this example. Replace the category with your own and see if it works properly in some tests.
For example here I have disabled the paragraph padding, and used the code
– https://www.screencast.com/t/cPXdV0Gdgiy

Thanks

Hi,

A specific option to disable the mobile top grid is not available in the mobile theme settings. However it can be removed. The easiest way would be to use a code like this
– https://www.screencast.com/t/QnnUDfQs86xV

.td_block_big_grid_mob_1 {
display:none;
}

This code has to be entered in Theme panel->Mobile theme->Custom CSS code section.

Thanks

Hi,

1. The theme does not have such an option at the moment. You could continue to use the implementation you currently have if it produces the required results.

2. If you would like to remove the Join option in the mobile theme (using mobile theme plugin) you could either remove it from the code
– https://www.screencast.com/t/PexFMkRl
Or remove it with some CSS code entered in Theme panel->Mobile theme->Custom CSS section

.td-mobile-container .td-menu-login #register-link,
.td-mobile-container .td-menu-login span {
display: none;
}

Thanks

Hello Renu Bakshi,

The custom CSS code will be injected at the bottom of the style.css file will overwrite the main rule. The process will happen in cascade.

Thanks for the message!

Hello,
Tables need to be created responsive. This is the implementation of your table, not the theme responsiveness. Please try this method of creating responsive tables: https://css-tricks.com/responsive-data-tables/

There are plugins that can provide responsive tables as well.

Thank you!

Hello lsaiyan,

You can try using the code below and place it in Theme panel -> Custom CSS area.

The code is ->

.td-crumb-container{
display:none;
}

The result is here -> https://www.screencast.com/t/YNFxwAqsNLEs

Thanks for the message!

Hi,

It seems there is an issue in the backend, the raw HTML element cannot be selected. The functionality should be that by clicking on the elements, the embed code of the map would be visible.
I have added this issue on our list and it will be fixed as soon as possible. In the meantime please enter this code in Theme panel->Custom CSS code section

.tdc-theme-Newspaper .vc_raw_html iframe {
pointer-events: none;
}

This will make the HTML element clickable in the composer, and allow you too change the Google map embed code
– https://www.screencast.com/t/6CaprWNI
– http://www.wpbeginner.com/wp-tutorials/how-to-add-google-maps-in-wordpress/
– https://en.support.wordpress.com/google-maps/
Please note in the demo the iframe width is set to 100%
– https://www.screencast.com/t/qGbhrQl7
Sorry for any inconvenience created by the situation.

Thank you!

Hi,

1. You can simply paste a link to the image and we will take a look. A link to the actual website page would be also helpful for more accurate solutions.

2. An option for this does not exist, the post templates are predefined. It could be reduced with some CSS if necessary. If you could provide an example post we will give you a solution.

3. I don’t quite understand what bar you are mentioning, some more details would be very helpful for a better understanding.

4. That is the More articles box, it can be disabled in the theme panel
– https://forum.tagdiv.com/more-articles-box/

5. Tags can be set individually for each post, in the post edit screen
– https://www.screencast.com/t/PHxkUEr20
You can choose what tags the post should have and add them.

Thanks

Hi,

You could enter this code in Theme panel->Custom CSS code section, the arrows will be removed from the news ticker element
– https://www.screencast.com/t/xCmspkovXir
A specific option to remove these arrows does not exists at the moment, they will always be displayed

.td_block_trending_now .td-next-prev-wrap {
display: none;
}

Thanks

Hello,
Sure, please use this code in the theme panel-> custom css box:

.td-excerpt{
color:black;
}

Thank you!

Hello,

Please add this custom css in the theme panel under custom code:
.td_module_12 .td-read-more{
display:none;
}

Thank you!

Hi,

You could try and target the first paragraph in the post content with CSS, like this
– https://www.screencast.com/t/8eyzgCOjwd0A
This code will select the first paragraph and allow you to style it as you want, give it a try. Use the font properties you want in the code example, then enter it in Theme panel->Custom CSS section

.td-post-content p:first-child {
color: blue;
}

Thanks

Hi,

You could try the code provided below with this result
– https://www.screencast.com/t/HSMlIel5lCUh

@media (max-width: 1018px) {
#td-top-mobile-toggle {
display: inline-block;
position: relative;
}
#td-header-search-button-mob {
display: block;
}
.header-search-wrap .td-icon-search {
color: white!important;
height: 54px;
width: 54px;
line-height: 54px;
font-size: 22px;
margin-right: 2px;
}
.sf-menu,
#td-header-search-button {
display: none;
}
body .td-header-wrap .td-header-main-menu,
.td-header-wrap .td-header-menu-wrap-full {
background-color: #fdc42d !important;
}}

Or make modifications to it as you wish if needed, then enter it in Theme panel->Custom CSS section.

Thanks

Hello LaJornada,

If you want to add a simple link which only works on your homepage you simply try to add it from the panel, Menus section, Custom Link like this -> https://www.screencast.com/t/lDAiyUdPi and then, using a bit of CSS code you should hide it for the entire theme and block it only for homepage. Below, I gave you an example.

The code is ->

.menu-item-451{
display:none;
}
.home .menu-item-451{
display:block!important;
}

The result is here -> https://www.screencast.com/t/uiXM29cvFaB

Thanks for your understanding!