Search Results for 'css'

Hi,

1) – 2) The default beige color is set form the theme panel as a theme general accent color here: http://screencast.com/t/B0ioJvXAua
3) You can change the block title background color from here: http://screencast.com/t/2LqnRTpVNj
4) You can change the background and hover color for the submit button with this custom css:
.form-submit input[type=submit]{
background-color:red;
}
input[type=submit]:hover{
background-color:grey
}

Thank you!

Hello,

This will not be so easy to do. You first need to create the block on a dummy page and filter it to show 3 posts and the category you want to show or specific posts by using block settings: https://forum.tagdiv.com/block-settings-tutorial/
If you want to have the black background you will also need a bit of css to adjust it as that element is custom made.
You can assign a custom css class to your element like so: http://screencast.com/t/nUwW45WrzGl, then set your background for the row to the color you want and use this css:
.mycustomclass{
margin-bottom: 48px;
padding-top: 48px;
background-color: #222;
}
After you set it up properly and you are happy with the results, it;s time to move it on posts.
You can use a do_shortcode function: https://developer.wordpress.org/reference/functions/do_shortcode/ and place the shortcode for your block inside it. Then add the function to the theme files here: http://screencast.com/t/6zk43xa1t2hL

I hope this helps.
Thank you!

Hello,

The theme does not provide options to remove those setting. They can be removed either by hiding them with css like so:
.td-social-google, .td-social-pinterest{
display:none!important;
}
Or by removing the code for them from the php files: http://screencast.com/t/4n9S6AymqV

Thank you!

Hi,
The sidebar ad needs to be implemented with this method: https://forum.tagdiv.com/using-other-ads-non-adsense-ads/
If it;s a custom ad, and you have access to the image itself, you need to edit it in an image editor and decrease it;s size. Alternatively you can use css to scale it if you have the proper skills. Our theme provides ad dimensions but only for adsense.
Thank you!

Hello,

1) Unfortunately our theme does not allow such a secondary menu spot on the mobile menu. It will have to be made custom but it will be no easy task unfortunately as there is no such spot for a secondary menu and it has to be created from scratch. We suggest hiring a developer to help out on this task.
2) The space can be adjusted with css by using the browser inspector and removing any extra padding. The space comes from the author name and date. I will need access to your site so I can provide the proper code though.
3) The comments color can also be changed with css as there is no setting for them in the theme panel. You can use this code:

.td-module-comments a{
background-color:grey!important;
}

4) I have tested the zoom-out issue on our end but we do not get a zoom-out effect. Please also test our demo at demo.tagdiv.com/newspaper to see if you still gfet a zoiom on our demo. Try to write a comment and see. I tested on android and ios but there was no zoom. it could be a local issue, maybe due to plugins.
5) Again I weill need access to your site so I can figure out which module is being used there and check it;s code to see if there are any hidden options available to fill the space. For some the category tag or author/date was hidden with css as a design choice.
6) Again, I will need access to inspect the different module. The old access you provided for us via email does not work anymore so please create an account that is working so we can login on your site and send us the login info via email at contact@tagdiv.com Alswo include a link to this topic.
7) The code for each section of the pull-down filter can be found here: http://screencast.com/t/xhWykDVv
8) As for the custom title you set to your contact form, it will grab the theme accent color. If you want to change it you need to change the code a bit. Try this one:

<div class="block-title mycustomclass"><span>Contact Form</span></div>

and then use this css to style it:

.mycustomclass span{
background-color:Red!important;
}
.mycustomclass{
border-color:red!important;
}

Thank you!

Hi,
This will be no easy task to do as links are not a general thing you can target with css and all of them will become styled as you want. There are links on images, on modules and blocks post titles, or block titles, inside the post content, inside the menu, in the sidebar, and all of them under different containers and different css. You will have to inspect the links that you want to change and use css to style the ones you want. There is no general code that will apply correctly for all links. We had this request a few times before and we did try to help out but this is a complex task and we cannot offer any customization services at the moment.
Thank you!

Hi,
You can increase the font size for these elements to make them more visible with a bit of css:
.td-post-next-prev-content span{
font-size:25px!important;
}
I hope this helps.
Thank you!

Hi,

Please try this css solution in Theme Panel > Custom Css until we will fix it in the next theme version:

body {
cursor: pointer;
}
#td-outer-wrap {
pointer-events: none;
}
.td-header-container, .td-container {
pointer-events: auto !important;
cursor: default;
}

Hope this helps!

Hi,

The custom css box does not accept html inside it. You need to only use css , not div tags or a tags directly. It cannot work that way. If you want to add a background to a particular category you need to only use the css like so:
.category-53 .td-category-header {
background-image: url("http://enewsvid.com/wp-content/uploads/2016/05/enewsvid_background.jpg");
background-size: 100%;
background-repeat: no-repeat;
background-position-y: -110px;
}

I hope this helps.
Thank you!

Hi,

This is a known issue and is caused by a css rule you added to your logo to re-size it. Please remove the css from the theme panel. if you want to have a re-size you need to use another css code as the logo css got changed in newspaper 7.
You can use this code instead:

.td-header-sp-logo img {
width:130px!important;
}

Thank you!