Search Results for 'css'

Hi,

Yes you might have mentioned only iphones have the issue. I tested on android and windows phones.
I inspected your site again and saw that you are feeding images from your localhost on the live site.: http://screencast.com/t/45m80LJhtp
Please check all images and make sure your images are uploaded to your media library and implemented with the theme’s default implementation method. If you add images with css, do not use images from your localhost.
Also try to disable all plugins except visual composer, clear cache and reset cdn files.
Please also try to disable all plugins except visual composer, clear cache and rest cdn files. Then try to use the default theme implementation for images.

Thank you!

Hello tollywoodfans,

Unfortunately, our theme does not have any such an option that allows you a way to change the space between modules, sorry! If you want to do this, please keep in mind that you will have to change the theme width and our product do not support this because the layout will be damaged, sorry! Please notice that this is not a simple task and you will need to make a lot of additional customizations through code and CSS implementation in order to bring best results in this case and 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 hemiargus,

If you want this adding to be automatically for each post, please notice that you will have to edit the td_module_single_base.php core file and with do_shortcode method you can add your Custom Ad Spot, like this -> http://screencast.com/t/jqDqmXvmV Please keep in mind that if you want to bring best results on tablets and mobile devices you will need to do some additional customizations with CSS. This is not a simple task and if you are not aware of the steps in this regard, please consider hiring a freelancer/developer to help you because we cannot provide custom work at the moment, sorry! Above, I gave you a possible way how could you do this.

Thanks for your understanding!

Hello,

You can change the position for this element with a bit of css like so:
.td-md-is-ios .td-scroll-up{
top:60px!important;
}
But for the image, I;m not sure exactly what image you want to add. Different images require a different type of css implementation
Our theme uses glyph’s (font icons) for its icons.
If you create a vector graphic for example you can use it as shown here:

Using SVG

You can find more tutorials on how to use icons here: http://alwaystwisted.com/articles/2012-05-12-create-a-pure-css-menu-button

I hope this helps.

Thank you!

Hi,

Changing the logo size will not be an easy task as it will affect responsiveness
Here is a code to increase the size for the logo on desktop:
.td-header-style-1 .td-header-sp-logo img{
max-height: 120px;
}
.td-header-style-1 .td-header-sp-logo{
width: 320px!important;
margin: 28px 10px 0px 10px!important;;
}

The logo will increase in size but for tablets it will break the layout a bit as the layout has been created to show properly on tablets as well. You can use the advanced css boxes and add change the values of this code for each device for it to look properly on each one.

As an alternative, you could user a header style that uses the full logo and not re-size it like headers 9, 10 and 11

Thank you!

Hello,

Well this is the way css works when you re-write it. If your page speed is not optimized, or you use speedbooster to move the render blocking css to the footer as google page speed recommends, this is the effect. Google page speed recommends you move the css to the footer but it will not say that all your styles will apply muuuch slower as the css will wait until everything is loaded before it can apply your style.
The easiest solution for this is to view your page source in your preferred browser and copy all of the rendered css between the style tags (do not copy the style tags though.just the code inside it) like so: http://screencast.com/t/ut5nfIvXp and paste the code at the very end of style.css from the main theme folder on your server. This way all your styles will load first and css will not show the rewrites

Thank you!

Hello,
You can style any link with an inline html. All links you add to your content can be edited in html mode and add inline css styles to them or add a custom class to your links like so:
<a class="mycustomclass" href="#" target="_blank">My link text</a>
Then you can use css to add custom style to each anchor tag that has this class
Thank you!

Hello Fitlogy.com,

Please notice that all the settings for your main menu and sub-menu can be changed from Theme panel, Theme colors, like this -> http://screencast.com/t/rFQxqi2W Also, if you want to change the color for your sub menu items, you can try the code below and place it in Theme panel->Custom CSS area.

The code is ->

.sf-menu ul .td-menu-item > a {
color:green;
}
.sf-menu ul .td-menu-item > a:hover{
color:red;
}

Thanks.

Hello schindyguy,

Unfortunately, our theme does not have such an option that allows you a way to manage your custom ads for each device. This task can be made using the @media queries for each width of the device. I guess that you want that your custom ad 4 to be visible for desktop and tablet and the custom ad 5 only for mobile, right? You can try to use a bit of CSS code and place it in Theme panel.

@media (max-width:767px){
.td-a-rec-id-custom_ad_4{
display:none;
}
}
@media (min-width:767px){
.td-a-rec-id-custom_ad_5{
display:none;
}
}

Hope this helps!

Please notice that we cannot provide custom work at the moment and if you need more customization in this regard, please consider hiring a freelancer/developer to help you.

Thanks for your understanding!

Hello Steven,

You will have to use a bit of CSS code to do that. Try the code below and place it in Theme panel->Custom CSS area.

.td_block_text_with_title p, .td_block_text_with_title{
font-size:11px!important;
};

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

On the future, please try to use it yourself the inspector browser according to our documentation here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for your understanding!

Hi,
It’s always best to actually be able to see and inspect the problem 🙂
The orange color comes from the demo you installed. It is added through code so you can only change it through coding. Use this css to change the color:
.td-blog-cars .block-title{
background-color:red!important;
}
You can add the code in the theme panel->custom css box
Thank you!

Hi,
Please also add this css as it seems to affect other browsers as well, not just safari:
.td-menu-placeholder{
height:auto!important;
}
Thank you!