Hey party people, noticed when I paste a soundcloud element into post box, it breaks the layout on ipad portrait or if you slide in the width of a desktop view to simulate (mid-size breakpoint).
I guess this is loading “SoundCloud Embed Player (api-web)” via oEMBED in WP.
<iframe width="640" height="400" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?visual=true&url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F277848294&show_artwork=true&maxwidth=640&maxheight=960"></iframe>
e.g.,
http://californianewswire.com/new-comedy-cd-by-jackie-fabulous-released-by-uproar-entertainment/
I seem to recall in 1.71 or whatever I added the pesky generic iframe fix …
embed,iframe,object{max-width: 100%;}
And this still fixes it in 3.1
Might be useful to add this to CSS in future versions, at least for mid-size mobile breakpoint. I’ve added it to my stock style.css pre/post minification for our sites, so done and done.
=======
On unrelated note, can you believe I’m going to need a [IV] badge on here pretty soon? 🙂
Hello endel19,
Sorry for my misunderstanding! So, if your images are on center alignment you will have to use a bit of CSS code to adjust them to right sizes. Place the code below in Custom CSS area, like this ->
.td-post-content .aligncenter, .wpb_text_column .aligncenter, .td_block_text_with_title .aligncenter, .woocommerce #tab-description .aligncenter, .mce-content-body .aligncenter{
margin: 0 0px;
width:100%!important;
}
Here you should see the result -> before using the code -> http://screencast.com/t/Oci6V2orArz and after using the code -> http://screencast.com/t/CL552x2uAlit
Thanks for your understanding!
Hello @hadharm,
Considering that you have followed all the steps given in the tutorial https://goo.gl/e6pVWs
After that, you have to purge all the caches from WP- Super Cache Plugin and Browser as well.
Don’t minify any CSS of js manually using any online tool or a plugin.
Hope this will help you.
Thanks for your understanding
-
This reply was modified 9 years by
Amit.
HI
Try this css in theme panel > custom code > custom css: http://screencast.com/t/N4UfH2AOqrHw
.td-post-content a{
color: black;
}
Thanks!
HI
Thank you for your generous thoughts and your review! We’re glad you like our theme.
That delay appears because you’re using speed booster plugin. This plugin moves all custom css generated by the theme and the one added in theme panel at page’s footer. When the page is loaded first time is executed the code from style.css then the custom css from footer. To avoid the delay you can paste directly all custom css in style.css file: http://screencast.com/t/wcm0zmIYni This is your custom css for now: http://pastebin.com/hVhfyQL8
Hope this helps!
Thanks!
Hey there.
First I wantt to say what an amazing theme you guys have produced, keep up the great work.
I do however have a question, my website laods with the default colours (auqa blue header, white background, etc.) when you first visit the website then after a second it returns to the colors I have seleced in the administration panel.
I am using the news magazine demo.
How can I edit the script so the colors I select become the default, will this involve editing the css on every line I have made changed within the theme panel?
for reference my website is as follows:
build sydney . com
Any help will be greatly appreciated, thanks in advance, best regards.
Hello,
Our theme actually has 2 search widgets. The standard one from wordpress and the “search suggestions” you mentioned The search suggestions is our theme ajax live search. If you want to remove the ajax search you can simply hide it like so with a simple css code:
#td-aj-search{
display:none!important;
}
Thank you!
Hello,
The newsmag theme width is smaller than newspaper’s. You can check this guide http://tagdiv.com/newspaper-vs-newsmag-how-to-choose-the-perfect-wordpress-theme-for-your-project/
We do not recommend altering the theme width in pixels as all theme elements depend on this fixed width. If you want to test this out, you can alter the css and increase the site width but keep in mind that the elements you add to the page will be affected by this: http://screencast.com/t/0B8dbafNF
Thank you!
Hello jmask,
I guess that you want to hide the author box for all the posts which forming part of a specific category, right?
If you want this, please notice that you should use a bit of CSS code to do that. The code below and place it in Theme panel->Custom CSS area.
article.category-business .author-box-wrap {
display:none;
}
If is not what you mean, please provide more details so I will be able to provide a more accurate response.
Thanks for your understanding!
Hi can you help me please? I need the logo in the header and the banner more height please what I have to do pleasee? I added this code in css
.td-header-style-1 .td-header-sp-logo {
width: 376px;
position: relative;
height: 120px;
margin: 28px 1px 9px 1px;
}
.td-header-sp-recs {
width: 680px;
}
@media (max-width: 767px){
.td-scroll-up-visible {
display: block;
}
but nothing changed can you please help me?
Ty
Regards
CSS doesn’t need to be on multiple lines; most folks just do it that way to make sure you can see what’s going on since it shows the “class” and then the “css” as separate pieces.
This is why when a style sheet is “minified” it’s one long line with no line breaks 🙂
Welcome to the wild world of #WEBDEV 🙂
should we write these CSS in 3 rows as you write. or should it be in 1 row?
I have a problem I can’t solve by myself. The homepage of my site (http://www.calcionews24.com/) has a block “Slide” and when the page is loading the slider height changes giving the impression of moving content on the page. Look at this screenshot taken during load page, and this taken when page loaded.
As you can see the category tag under the slide seems to move during loading, cause the height of the slide is initially higher.
I tried playing with css but I didn’t found a solution. Can you help me?
Thanks
P.S.: I also tried it on a local install without plugins and it gives the same problem.
Hi Alin,
Thanks for your reply!
I added the code as you suggested to the Custom CSS part in the Admin area, but the banners in the sidebar are still nog aligned in center.
Do you have any idea why?
HI
You have a css which changed the font size on h4 elements. It could be from a plugin or a custom css added in theme panel.
Thanks!
Hello Glitched,
Unfortunately, we cannot offer support for your custom modifications, sorry! Please notice that each of additional change might influence the proper functioning of the theme if this is not right done. As a general rule, please keep in mind that the CSS working in cascade (Cascading Style Sheet) and the first time take the code from style.css and then take your customizations that you have changed from Theme panel or through custom CSS area or your Child Theme and that’s why you get that delay in loading page. So, if you want to develop more levels in our theme 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,
What you see in the page source is actually compiled css. Without it, the theme will not work properly. We cannot provide any solution to remove these lines of code, sorry. We can assure you our theme is built according to all of the coding standards to date and that compiled css you can see will not affect your rankings on google as it does not affect SEO in any way.
Thank you!
Hello Mauro,
Unfortunately our theme does not have such an option. The mobile detect is added through css with the @media property. If you want to modify this behavior you will have to change the style.css file and modify the viewport size into the one you want, but this will be no easy task as there are many lines of code to edit. There is no easy way I can provide for this unfortunately.
Thanks.
Hi Tagdiv,
When I removed “fonts.googleapis.com” refrences from TdConfig.php and Style.css,
I get a 404 error when I scan my site using SeoSpider
How can I safely remove all references to fonts.googleapis.com from entire Newspaper theme
PLease guide me
This is really urgent
Hi,
The easiest way of doing it is to simply hide the social share buttons on desktop with css. You can use this code:
@media(min-width:767px){
.td-post-sharing-top, .td-post-sharing-bottom{
display:none!important;
}}
Thank you!
Hi Catalin,
Apologies, will you be able to check now please?
The customisation is in a child theme style.css.
Please would you advise how I can avoid the flash?
I’m having a bit of a problem getting the video player header look right. Here’s the page: http://ollekebolleke.info/
All block-titles have a little bear on the left and a line at the bottom. i’d like that too for .wpb_heading, and I can’t get it to work right. The background color remains behind the little bears. (You can’t see that, because that is what I’m working on, on localhost.)
I’m trying two ways: first I try to add this to the css. That works, but the background-image is on top of the background color. I want the background color to begin next to the image, not behind. Just as the block-titles are now.
The other way is using the theme panel. If I add padding, it works fine, but it will also move the video to the right. That’s not what I want.
How do I do that?
Hi,
Caching is the most obvious reason. You still served the old version of the css through cache and it since then got cleared. It’s always recommended to clear all cache after an update.
Thank you!
Thanks for your answer Chris,
The header style of Newspaper is directly written in the page, I think it should be put in a css file, not in the HTML since it’s 300 lines long.
Don’t you think ?