Search Results for 'css'

Hello,

I investigated this further and there truly seems to be an issue with the layout in newspaper 7.4. I will pass this information on to the development team and we will look for a fix as soon as possible.As a temporary solution, you can add this custom css in the theme panel->custom css box:

.td-main-content-wrap{
overflow: hidden;
}


Sorry for the inconvenience.

Hello,

For the search form, you can use this css code to change the color:
.td-search-form input[type=submit]{
background-color:red!important;
}

The image titles can be changed with this code:
.wpb_singleimage_heading{
background-color: red!important;
}
As for the add to card:

.woocommerce .product a.button, .woocommerce .product #respond input#submit, .woocommerce .checkout input#place_order, .woocommerce .woocommerce.widget .button {
background: none red;
}

Simply change the word red inside the code.

Thank you!

Hi zenzino,

You will have to increase the max-height if you want that all your customizations to be applied. Try the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td-header-style-1 .td-header-sp-logo img {
max-height: 120px;
}

The result -> http://screencast.com/t/Thzu00YkJOo

Thanks.

Salut RaulCalin,

Tema noastra nu are o astfel de implementare si nu stiu daca se poate implementa asa ceva. Te rog sa observi ca varianta mobila a temei noastre este facuta din CSS cu @media si aceasta va intra pe rol doar atunci cand dimensiunea dispozitivului tau este de dimensiunea corespunzatoare variantei mobile/tableta.

Multumesc pentru intelegere!

Hello,
I suspect your fonts got changed vie css. Please remove any custom css in your theme panel or any custom code added in the theme files. Restore the theme to it;s default behavior without any interference and check the fonts again. Also disable all plugins except visual composer, clear cache and reset cdn files if you use it.
If you cannot manage to get the icons to show, please provide a link to your site pointing at such an elements and we will take a look.
It can also be a cdn issue like this topic suggests: https://forum.tagdiv.com/topic/strange-chinese-symbols-replaced-icons-and-arrows/

Thank you!

Hello,
Unfortunately there is no simple way of doing it with css. you will need to create special functions for this to work properly. Our theme does not have such a detect in place so there is no easy way to detect if there are no more posts to display and make the arrow not show anymore.
Thank you!

Hello,

You can disable the search menu with this custom css:
#td-top-search{
display:none;
}

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

Thank you!

Hello,

You can follow this topic to add an image to your category box only. The theme only provides the option to add it as a background but it can be added with css. https://forum.tagdiv.com/topic/change-header-image-for-each-category/
You will need to add your own category ID though.

Thank you!

Hello,

You do not need to be a designer but if you want to bypass he css cascade effect you will require a bit of knowledge. Css works like this on every website as it is the way it was programmed to work. That is why it;s called ‘cascading style sheets’. It works on re-writes. it overwrites it’s code on every change and you can see these overwrites if your connection is slow or your website is not optimized. The links Nano mentioned are useful in learning how to bypass this with minimum knowledge required.

Thank you!

Hello,

Please remove any custom css you may have added to your site as it will not work properly for each case. If you want to remove the background from the posts, then simply use a primary category for the post that does not have any background set to it. The primary category makes the post grab the background of the category: https://forum.tagdiv.com/primary-category/ and please provide more details to how you want the featured images shown Style 8 uses the featured image as a background and style 6 requires no background image or color set so it can stretch to the full width of the screen.

Thank you!

Hello aph100,

You can try to use a bit of CSS code to hide it.

The code ->

.td-banner-wrap-full{
display:none;
}

If the code will not work, provide the link to your website so I can provide a more accurate response.

Thanks.

Hello kaidensharma,

If you want to move to the left your logo, please notice that you have to use a bit of CSS code to do that. As an example, you can use the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td-header-style-3 .td-header-sp-logo {
margin-left:0;
}

This is a basic example which you can use it to adjust the position of your logo. Please notice that all of these modifications are custom and if you want to bring good results you should implement itself all of these. Also, if you are not aware of the steps which are needed to take in this regard, please consider hiring a freelancer/developer to help you because we cannot provide custom work at the moment, sorry!

Thanks for your understanding!

Hello,

1. The fonts can be changed for each module in particular. The module is the base element in our theme. A block consists of 1 or more modules. You can find a list of what modules are used on what block here: http://screencast.com/t/brl5OaBYkP Then you can access this part of the fonts section: http://screencast.com/t/Xf935WZJe6k
2. Every part of the site can be changed from the block settings. Our default fonts are ‘open sans’ and ‘roboto’
3. If you do not use the blockquote elements, yopu can try to use a span around the ” and add an inline css to it like this link suggests:http://www.w3schools.com/tags/tag_span.asp
4. We did not add a specific values for the elements. They were set with the value the designer considered them to display properly in. If you want to see what font size a particular element has, you can use the browser inspector to do it. You can use this guide on how to use it: https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
5. You can find the color settings under the theme panel-> theme colors tab here: http://screencast.com/t/Vv67faEMMX

Thank you!

Hello,

The header styles are different on each demo and you cannot change this from the theme panel. Each demo has it’s unique header style. If you want to change the header style you will have to edit the theme code for the element or use custom css for it.
As for the iframe, our modules and blocks ere not designed to show iframes. Sorry. Our theme modules and blocks will only show the post featured images and the excerpt, not an iframe element. If you require this you will have to implement it custom. As for the firefox issue, It;s most likely caused by the table you are implementing at the top iof the content. Please try to remove the table and see if you still get the error

Thank you!

Hello lasvegascfp,

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

The code is ->

@media (min-width:767px){
#menu-item-5135, #menu-item-4798{
display:none;
}
}
@media (max-width: 767px){
.td-header-top-menu-full {
display: block!important;
}
}
@media (max-width: 767px){
div.td-header-sp-top-menu {
display:block !important;
}
}
@media (max-width: 767px){
.td-header-top-menu-full {
display: block!important;
}
}
.td-header-sp-top-widget, .td_ul_login{
display:none!important;
}

The result you should see here -> http://screencast.com/t/PY0SCqg0nsBW

Thanks for your understanding!