Search Results for 'css'

Hi,

Only tagdiv block have an option for style 1 title, so if you use these block in the sidebar you can change this also in Widgets section – http://screencast.com/t/dvPVeYutSbz If you use wordpress blocks you can change background and color for titles via css, inspect block with browser inspector tool: http://screencast.com/t/mmzgrgCz and paste the custom code in Theme Panel > Custom Css: http://screencast.com/t/w6o7ow1hdD

Thanks!

Hi,

Yes you can hide it via custom css in Theme Panel > Custom Css.
Take the post ID: http://screencast.com/t/Wvf8nzlf
Use class .postid-xxx to hide: http://screencast.com/t/27MVaJLWbiR

.postid-xxx .td-a-rec-id-content_top{
display: none;
}

If you use adsense please change a to g – .td-g-rec-id-content_top

Thanks

Hi,

I see that you use background color, but this do the same issue like background image. Like I said we know about this bug and it will be fixed on Newspaper 5. It is not so easy to block background on specific templates and you need custom modifications to the code.
The parallax featured image use javascript code and it is not so easy to overwrite with css code(as that css is inline), anyway you can try this custom css in Theme Panel > Custom Css, maybe will help: http://screencast.com/t/3cKnjaPg

@media(max-width: 767px){
.single_template_4.td-boxed-layout .td-big-slide-background {
width: 100% !important;
}
.single_template_4 .backstretch {
width: 100% !important;
}
.single_template_4 .td-backstretch {
width: auto !important;
}
}

I’m not sure if this css will help, but I assure you that this issue will be fixed in version 5 of the theme. Sorry for inconvenience!

Thanks!

Hi,

Try this: http://screencast.com/t/Rb7Blab4dZ3y
You have the css code here: http://pastebin.com/peLMvJdE

Thanks

Hi,

I also checked this and seems to be an issue with style 3 and style 6 as there is not loaded a logo for mobile and z-index of td-affix class(sticky menu) is bigger than logo image: http://screencast.com/t/5XTdZcYnk – http://screencast.com/t/GQPOgPa5r
Please try this custom css in Theme Panel > Custom Css: http://screencast.com/t/0kON40iWn

@media (max-width: 767px){
.header-style-3 .td-logo img {
z-index: 10000 !important;
}
}

Also please note that it will be fixed in Newspaper 5, sorry for inconvenience!

Thanks!

Hi,

I’ve looked on your site but it seems you have another theme active. As Christopher mentioned, i also suspect you’re using the css on blockquotes, if you can’t figure it out please provide more details.

Thank you, Emil G.

Hi,

On click the datepicker div is set to display: none; this causes it to disappears.
Try this custom css in theme’s panel custom css section and test if this still happens. From my test this css code solved this issue: http://screencast.com/t/OUU6bKZJ

.datepicker.dropdown-menu {
display: inline-block !important;
}

Hope this helps!

Thanks

Hi,

Please use this custom css in Theme Panel > Custom Css or use your code but add space between classes: http://screencast.com/t/i6MMYXlW

@media (max-width:767px) {
.single_template_4 .similar-articles {
display: none !important;
}
}

Thanks!

Hi,

For icons the theme uses sprite files, you can find theme inside the ../Newspaper/images/social/sprite folder – http://screencast.com/t/Xi4NrbPF
As you can see there are different sizes. You could either replace each icon or use custom css to replace the icons used by you on your site, the browser inspector will reveal which file is used and the background position – http://screencast.com/t/iNcWX4nZ

Thank you, Emil G.

Hi,

If you want to use custom css to move it you can do it in Theme Panel > Custom Css: http://screencast.com/t/kS5GpZ5D

.single_template_5 header .entry-comments-views {
right: 380px;
}

Also if you don’t want to use css you make this change in the code:
-cut header from single_template_5.php – http://screencast.com/t/eEk6FbM18EEJ and paste it in loop-single-5.php – http://screencast.com/t/bpTFzgJzyU and it will look like default post template and style 1 – http://screencast.com/t/khTa3qPA

Thanks!

Hi,

You can disable Author box from Theme Panel > Post Settings: http://screencast.com/t/wb7isABV3 but it will be disabled for all articles.
You can hide it via css for specific posts using post ID: http://screencast.com/t/XomB4CiKXK0k

.postid-xx .author-box-wrap {
display: none;
}

You can check post ID like this: http://screencast.com/t/efodiPKCCnKW

Thanks!

Hi,

Unfortunately there is no option in Theme Panel to change font for this block/module(in version 5 of the theme Custom Typography section will be changed and will be added more options), but you can use this custom css: http://screencast.com/t/eK0mGyabPW2

.td_mod10 .entry-title a {
font-size: 18px;
}

Thanks!

Hi,

I have checked your site and did not found any issues with mobile menu. Did you solved the issue?

1. I guess that you refer to the mobile menu, you have to click to the arrow for parent categories – http://screencast.com/t/kd8pMwKJ as if you click on the category, the link will be loaded. I’m not sure if this is your issue please provide more details.

2. You have a logo in the sticky menu – http://screencast.com/t/bUL577qLZKp

3. Also on mobile sticky menu you have a logo: http://screencast.com/t/Jtc2rJDlO
Or if you refer here – http://screencast.com/t/QcVH7p3Q1uG1 the theme doesn’t have an option for this and you will need custom modifications, unfortunately we cannot provide custom work at this time, sorry.

4. You can hide dropdown arrows via custom css in Theme Panel > Custom Css: http://screencast.com/t/3dvI3xwesew

.td-header-menu-wrap .td-icon-menu-down {
display: none;
}
.sf-menu {
margin-left: 0px;
}

Also please provide more details about menu items hover as I have checked your site and didn’t found any issues. When you hover an item, it open submenu or megamenu.

5. Create your menus from appearance > menus section: http://screencast.com/t/5ntqLpyXaaJ
Add your items to your custom menu: http://screencast.com/t/Ff4S0quiv
Set a page like this and choose your menus and publish: http://screencast.com/t/dAfaYkWmmk
Then use the page ID an set it as mega menu for your menu item: http://screencast.com/t/yphGpD46V
Result: http://screencast.com/t/TEVNDFmT

Thanks!

Hi,

Please try this custom css in Theme Panel > Custom Css: http://screencast.com/t/eVJ0sVkdLy

.td-container {
z-index: auto;
}
.td-post-header {
z-index: 1;
}

Thanks!

Hi,

You can use custom css to hide it: http://screencast.com/t/aVwI2JWSrxb8

.td-post-sharing-top .td-classic-twitter {
display: none;
}

Also the “To top” background color is the same with the theme accent color, but you can change it with css code: http://screencast.com/t/t7pgZhh0

.td-scroll-up-visible {
background-color: red;
}

Thanks!

Hi,

Please try this custom css if you want to change the background when you hover a link: http://screencast.com/t/rXVDVlNOgN

.td-footer-container .widget_pages .page_item a:hover{
background: white;
}
.td-footer-container .widget_meta a:hover {
background: white;
}

If you want to change the link color you can try this code: http://screencast.com/t/4MnBnYpK

.td-footer-container .widget_pages .page_item a:hover{
color: red;
}
.td-footer-container .widget_meta a:hover {
color: red;
}

Please paste the code in Theme Panel > Custom Css: http://screencast.com/t/Nv4aGyXlmZr

Thanks!

Hi,

I have checked your site and there is an issue also with image on mobile, not only with title – http://screencast.com/t/GZgeKEznR2N
Like you can see you have to change the height of the image for mobile, you can test this custom css, also you may create you own I only make a suggestion: http://screencast.com/t/daVBdR6s0Mp

@media (max-width: 767px){
.page.single_template_6 #td-outer-wrap .td-header-wrap {
height: 400px !important;
}
#td-full-screen-header-image {
height: 500px;
}
.page .td-full-screen-header-image-wrap #td-full-screen-header-image .td-backstretch{
height: 500px !important
}
.td-post-template-6 .td-post-header {
bottom: 70px;
}
}

With this css you can target the title and meta .td-post-template-6 .td-post-header

Thanks!