Search Results for 'css'

Hello,

Please add this code in the theme panel-> mobile theme settings-> custom css box:

.td-a-rec-id-header_mob{
margin:0!important;
}

https://www.screencast.com/t/0l8kEv2G32xn

Thank you!

Hello gasparlanca,

1)Unfortunately, the theme does do not have any such an option for this. You should only disable all post views for the entire website. Also, if you want to hide a post viewpoint for a specific post, you should use a bit of CSS code to do that using the post ID.

2)There seems to be an issue with the access token in the current version of the social counter.
Please download this version: http://cdn.tagdiv.com/wp-content/uploads/2017/03/td-social-counter.zip
And very important: clear all your caching including the browser cache. Example for chrome: https://www.screencast.com/t/f9Q66lPx1fY
Now the access token should work as before.

Thanks for the message!

Hi,

Now I’m confused. What are you really trying to achieve. You mention above you want to disable the images because of he cropping. You simply need to add the code in the mobile theme section under custom css and the images will no longer show up. The mobile theme is tied to the main theme in many ways, yes.
The css for the mobile theme can be found here: https://www.screencast.com/t/roauOvGoJ
Or you can simply add a custom css code in the section mentioned above.

Thank you!

Hi,

The child theme seems to be loading in the page source – https://www.screencast.com/t/GF0tClQQtk
I see that your styles are loading through a caching system – https://www.screencast.com/t/HGH9i9q0 maybe this is preventing the child theme from working properly. You could try to disable this system and all your plugins except the ones bundled with the theme, as a test and see if this has any affect. Also check the functions file in the child theme to contain this code – https://www.screencast.com/t/7TMId7wSd
I have created a child theme using the guide – https://forum.tagdiv.com/the-child-theme-support-tutorial/ and the code entered in the stylesheet is loading and applying in the main theme. Try creating a child theme again with the code provided in the theme package, enter your code in the css file (make sure the code is valid) and then activate this child theme.

Please let us know how it goes.
Thanks

Hello,

You can adjust it from it’s padding like so:

.td_block_big_grid_fl_1 .td-big-grid-post{
padding-top:35%;
}

You will have to adjust it for responsiveness though on each screen size. Add it in the advanced css tab under each screen size and adjust the code for each one for it to work properly on all devices:

Thanks.

Hi,

That depends on the image size that you use for the featured image. The image you are using is too small, and it will be displayed like it is now – https://www.screencast.com/t/C85B8hImtw
If an image is used that is smaller then the size this post template uses
– https://www.screencast.com/t/rs9fPwlumld it will be displayed as it is, it will not be stretched by the theme.
For example in this post the image is using the entire available space
– https://themaghrebtimes.com/04/20/algerias-messahel-in-talks-with-saleh-and-hafter/
You could try this code if you would like to keep the existing images, and it will center the featured images the way you want
– https://www.screencast.com/t/703P2brtDRZA
– https://www.screencast.com/t/C24dMV7dCSgQ
– https://www.screencast.com/t/2tmN95mBx8
This is the code used, you must enter it in Theme panel->Custom Css – https://www.screencast.com/t/wlfwfDAr
After you enter the code, if it does not apply please clear any caching installed and check again

.single .td-post-featured-image img {
margin-left: auto;
margin-right: auto;
}

Please let me know if you need further help, or this solution is not working properly for you.

Thanks

Hello,

I have checked your site and saw the image issues on smaller screen devices. This happens because of the resize your image gets. Our theme does not add a re-size to the images. It probably comes from an image optimization plugin or a cdn server. Please try to disable any image related tools and test again after also clearing the cache.
If all else fails, you can adjust the post style with css like so:

@media (max-width: 767px)
.td-post-template-4 .td-post-featured-image {
min-height: 133px;
}

Thank you!

Hello,

Sorry but our theme does not have any ad refresh option. I’m not sure what slideshow you are referring to.
As for the more articles box, you can enable it for mobile phones using thsi css code:
@media (max-width: 767px){
.td-more-articles-box {
display: block!important;
}}

Thank you!

Hello,

The grids thumbnails are not adjustable. They can be changed with css but the thumbs cannot be managed through css. You can change the container height though. Please provide more specific details to how you want to change the height. Do you want to increase or decrease the block height?

Thanks.

Hello,

The theme background does not affect the content, the header or the footer. The theme background color is just the outside of the theme. It does not affect any at all content.
There is no setting to change the main content background. This was never part of the theme so updating or switching to an older version will have no impact on your content color. The white background always was hard-coded in the theme css. Only the black theme demo changes the main content to black. Maybe you simply changed
demos after updating.

Thank you!

Hello,

The mobile theme footer can only be handled through css. It is a predefined style and it has no settings fort it.
If you want to remove the about us and social widget, please use this custom css in the mobile theme settings custom code section:


.td-mobile-footer-wrap{
display:none;
}

Thanks.

Hello Sebastian Escobar,

Do you want to show the author box in mobile mode? Try to use the code below and place it in Theme panel
-> Custom CSS area.

The code is ->

@media(max-width:767px){
.author-box-wrap.Maricel7{
display:block!important;
}
}

If is not what you mean, provide more details.

Thanks for the message!

Hello,

1) You will need about 50 px though in order to get the button visible properly.
Try this code:
.white-popup-block{
min-height:550px;
}

2) It is the default implementation of the grids. The ave a grey background and the images load slower so you can see the background. If you want to remove this background you can do it with this css code:
.td-big-grid-post .td-module-thumb{
background-color:white;
}

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

Thank you!

Hello,

This happens because the demo style mekes the related articles hae a white color when active and a colored background. But your site has a white background on all headers so that makes the related articles element with a white on white color.
please use this code to change the color:
.td_block_template_1 .td-related-title .td-cur-simple-item{
color:#de2178;
}

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

Thanks.

Hello bformhals,

I have tried to access your website again and I got this -> https://www.screencast.com/t/mL2rTa8aDb I cannot access it. I need your website so I can take a closer look at it so I will be able to provide a more accurate code (CSS), if it possible.

Thanks for the message!

Hello devkabir,

If you want to change the background color for this, you should check the following section and add your desired custom CSS code. Look at this -> https://www.screencast.com/t/pPwhKqbI

Hope this helps!

Thanks for the message!

Hello,

If you use the mobile theme plugin, then you need to also add the css in the mobile theme section of the theme panel: https://www.screencast.com/t/BLP5QVX91v4s

Thank you!

Hi,

Almost all the fonts for the elements in the website structure can be changed in the theme panel. You will have to try different fonts and choose what you think will match the desired look for your website.

1. The Slider element font can be changed here – https://www.screencast.com/t/JY8T4WvRb depending on the column layout for the Slide.

2. You can change each of the block titles in their settings, in Visual composer
– https://www.screencast.com/t/6Bqqs8M6

3. That depends on where you would like to change the links color. These will inherit the theme accent color, there is no setting to change them individually except through Css code. For the posts you can change them in the post edit section – https://www.screencast.com/t/x3VlnkozUHr9
If you would like some help, please provide information about where exactly you want to change the link color, and I will try to give you a solution.

4. You could change the scroll to top color using a code like this – https://www.screencast.com/t/CvU5ffiAv
You can change the color to what you think it’s best to use. The code must be entered in Theme panel->Custom Css
– https://www.screencast.com/t/rRX4jhf111BH

.td-scroll-up {
background-color: grey;
}

5. The font color for the post content as well as the headings can be changed here
– https://www.screencast.com/t/J1BShNY7G

Please let us know if you have further questions or need further clarifications.

Thanks