- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsDefault Block Settings Guide
- TutorialsHow to use custom fonts
Hi,
You can edit the header file the the search for the header style you have: http://screencast.com/t/QrpM1sb7xg You can then use the shortcode function to add your content directly into header file.
You can find more info abut how you can add content using the do_shortcode function here: https://forum.tagdiv.com/topic/a-few-questions/#post-29762
Please note that this is nopt easy and the block haven;t been desinged to work on header and if you don’t have basic html/css/php knowledge and don’t know how to do it we suggest you hire a developer to do it for you as unfortunately we cannot offer custom work as we work hard on the development, updates, fixes and support. You can always get a freelancer from sites like: http://studio.envato.com/ if you don’t know how to do it yourself.
Hope this helps!
Thanks
Hi,
Then the image will be loaded at 600px and you would need to use custom css to make it fit into it’s container on desktops and also on tablets and set it to 100% width for mobiles. To target the image for all screens widths (desktop/tablets/mobiles) you would have to use this css snippets:
/* mobile */
@media (max-width: 767px) {
}
/* tablet */
@media (min-width: 768px) and (max-width: 1023px) {
}
/* desktop */
@media (min-width: 1024px) {
} You could also use the advanced css filed from theme panel and add the css for tablets/mobile/desktop into the specially designed fields: http://screencast.com/t/yqSKh7xOaZ
If you don’t have basic html/css/php knowledge and don’t know how to do it we suggest you hire a developer to do it for you as unfortunately we cannot offer custom work as we work hard on the development, updates, fixes and support. You can always get a freelancer from sites like: http://studio.envato.com/ if you don’t know how to do it yourself.
Hope this helps!
Thanks for the message!
Hi,
You can hide it via css as the theme doesn’t have an option for that. Please also send you site’s URL, I need to inspect this in order to provide an accurate solution for this.
Thanks
Hello, I got some of the other items I wanted color changed working via CSS but I am having problems with just the ones in these pictures
The date, reply, and logged in as – are all fields I want to change to black so they show up better.
The author area where it shows 7 posts and 1 comment, I want to make those boxes a hex color.
Thanks for your time.
Likely create a style class like
.bhssads a{CSSstylehere}
then simply use that class in your ads
For more info about this ad, visit: <a href="adlink" rel="nofollow" class="bhsads">Link to Landing</a>
Something like that maybe?
I think you would have a few issues with this, based on my own past experience. We use isotope on our business site (not using WP for main static content).
1) obviously you would need to upload the .js file to the theme folder, or your server
2) you would need to call the .js file for it to actually load the script
3) then you would have to place the elements into the theme file(s) where you would use the library.
4) this kind of thing doesn’t always work well with child themes, from my own experience due to the css redirects and such.
This plugin for WordPress might be helpful, perhaps not
http://mintthemes.com/isotope-for-wordpress/
Most people using isotope with WP are building their own themes and not patching it into a theme which already has a complex page builder, framework and shortcode system.
however, this old topic on adding it might prove useful
https://wordpress.org/support/topic/using-isotope-with-wordpress
Another possibility is editing one of the post “styles” – like maybe taking post style 3 template and go in and change the class names to something like “fashion header h1” or whatever, then only use the fashion CSS for the one template.
Dunno. My head hurts now. 😉
I don’t think you can do that as each “stack” loads a custom set of CSS files. In theory, you could copy the CSS from one stack for the categories and replace that in the other stack … but there’s no way from the theme admin you can choose one “stack” for category-x and a different stack layout for category-y.
Of course you can build up a custom style sheet of some kind to do that, but horribly complex.
If the clases are different it might work; but if class names are the same across stacks … you’d be reloading the CSS for “header style 4” on one page, then again next page in different category, and the browser caching would likely end up loading wrong CSS for each section.
Meaning if
page 1 = header 1 = font x, size x, padding x
page 2 = header 1 = font y, size y, color y
Problem is header 1 as a class would be confusing across multiple pages where the class name is the sane but the CSS is different.
Kind of a cool idea, though.
I’m sure “official support” will have a better answer; I am just giving some feedback based on my own experience using the tagdiv themes the past 12 months. (And I could be wrong!) 🙂
Hi,
For styling you have to use custom css, if you don’t have experience you could check on the web for a button css generator.
You can change the button name from the Theme Panel -> Translations – http://screencast.com/t/Es4W4hH0C
Thank you, Emil G.
Hi,
Unfortunately at the moment the theme doesn’t have an option for this and you would need custom work for it. If you don’t have basic html/css/php knowledge and don’t know how to do it we suggest you hire a developer to do it for you as unfortunately we cannot offer custom work as we work hard on the development, updates, fixes and support. You can always get a freelancer from sites like: http://studio.envato.com/ if you don’t know how to do it yourself.
Sorry for the inconvenience and thanks for the message!
I asked this question over on the themeforest comments section but the answer really what I was looking for. Below is the question and answer from there.
Me – Is there no way of having the thumbs of the homepage latest post still be high quality for mobile phones like iphone and androids. Even after I regenerated the thumbnails they always show up grainy on mobile phones.
Support – Hi,
On mobiles they’re set to width: 100% because there are many devices with different screen sizes, you can set the images to their original size using custom css like this: – http://screencast.com/t/DHEEDFsnZQe
Updated question. I want to keep the width still 100% on mobile but the current size thumb for module 11 is not sufficient on mobile phones as it becomes super grainy on mobile screen with high ppi. If I change the thumbnail size to a 600 width for module 11 how can I still keep it within its container for the desktop and 100% for mobile?
Yes that is what I wanted, thank you for pointing it out and happy it’s not any extra work just to add that in there.
Is there a quick way to style that into a button in css like the “read more” buttons and change the text from “Load More” to “Load More Stories & Updates”
Thank you very much.
Hi,
– You can add your ad size here: http://screencast.com/t/5NRXdmqhjgAp
– You can use css to hide the sidebar as unfortunately the theme doesn’t have an option for this at this moment.
You can use an custom css like this and hide it on mobile screens.
@media (max-width: 767px) {
.post .td-main-sidebar {
display: none;
}
}
– Unfortunately I can’t help you with that as the theme hasn’t been tested with all plugins. You could try to disable all other plugins you also use and check if this still happens as this could be due to some other plugins also.
Hope this helps!
Thanks
Hi,
You can hide the title using custom css or editing the smart list file and remove the tile like this:
ex: for smart list title 3: http://screencast.com/t/P2Nt0HDTsV
and via css, like this: http://screencast.com/t/GyFNUGWqzW
.td-post-content .td-sml3-current-item-title {
display: none;
}
For the other matter you will need custom work as unfortunately the theme doesn’t have an option for it or you could also use the developers tools to edit the page copy the css used there and just it to work for you also.
Hope this helps!
Thanks
Hi,
Sorry for the delay! I have checked your site and noticed that you have managed to hide the views via css. Please note that you can also remove them from this file: http://screencast.com/t/xKPMevXn24vP
Result: http://screencast.com/t/XvrXfOa4zFp
Thanks
Hi,
Please sue this custom css for this:
.td-transition-content-and-menu td-content-wrap {
cursor: pointer;
}
.td-header-container, .td-container, .td-footer-container {
cursor: default;
}
Hope this helps!
Thanks
Hi,
Have you also tried to test it trough the structured data tool without any plugin active? If so please do so as this could be cause by a plugin.
I have also checked your page and noticed that the code of the page, not sure why that error appears but Google should just ignore it.
Please check without plugins and leave it a while or force it to fetch live data then let me know how it goes.
Regarding the “Missing required hCard author” error that appears because you are not using the author box on your post pages as you need an container with a css class that let’s google know that the container with that class is the author of the post.
We have added the hCard class to the author box so when you don not using it you have this error.
My suggestion is to enabled the author box or add it hard-coded like here: https://forum.tagdiv.com/topic/small-issues-with-posts-authors-name-social-counter/
Hope this helps!
Thanks
Hi,
You can do it via custom css, target your blockquotes and apply this css, like this: http://screencast.com/t/9sFd3IKK
.td-post-content blockquote {
margin: 0px 0px 29px 0px;
background-color: #FCFCFC;
border-left-style: solid;
border-width: 2px;
border-color: #4db2ec;
padding: 15px 23px 0 23px;
position: relative;
top: 6px;
}
.td-post-content blockquote p
{
font-family: 'Open Sans', arial, sans-serif;
color: #777777;
font-size: 13px;
line-height: 21px;
text-align: left;
padding-bottom: 16px;
margin: 0px;
text-transform: none;
font-weight: normal;
font-style: italic;
}
Thanks
Hi tagdiv folk,
trying to add a small drop shadow to the h1 title for the style 6, to get the text to pop off the background big photo a little for legibility; I did this previously on Newspaper, and didn’t save the CSS to do same thing with Newsmag, and can’t quite get syntax right.
Trying to do something like
.template6-header .h1 .entry-title {text-shadow: 2px 2px 4px black} And I am obviously brain dead on getting that right.
Sorry to bother 🙂
I’d like to change the width on the Module 11 thumbnail size. I have already updated my custom css to move the title and excerpt more to the right and I have also updated the Module_11.php and added it to the child theme with the new dimensions but when I do that it breaks the images. Even using thumbnail regen didn’t fix the issue.
I have also tried adding the correct code to the child theme functions.php but the images are still broken. I assume there might be another .php I didn’t update or havent updated the child theme functions.php correctly.
Could you point me in the right direction please.
My desired thumbnail size would be 267×178 for the module 11 thumbnails.
You can view the test site at http://test.sneakerbardetroit.com.
Thank You
I think you need to remove the @media queries from the style.css … since this is a “responsive” theme, it’s designed to work on desktop, tablet, and phone. Removing the @media queries would basically stop the other sizes from loading. You’d likely want to then also trim out the menu elements designed for mobile devices from the header file(s).
Not “easy” but you could do it if you wish to “hack” the theme for that.
Adding more bloat and features I/we (our company) don’t need slows down the theme and adds more complexity of code. When speaking of “our” I am speaking for our news network (we have a 32 year old publishing/information business NEOTROPE®). So we have news portals appearing in Google news since it launched in beta; and sites online 10-15 years. “Our” refers to “our company,” not me personally.
For example to make the theme full width requires additional @media classes to resize things to fit the viewport. This adds more CSS, and/or more JS to the theme elements loaded for every page load, even if cached.
Newspaper got a little complicated with the 200 feature requests, mostly for things we didn’t need around here like WooCommerce support, and various other things which bloated the code a bit (generally a “newspaper” isn’t a “store”); but many folks loved the theme and kept piling on “hey can we do this?” and the team kept adding things, and still do so, which is awesome. But it’s got a lot more code than it did a year ago. Not a bad thing, just a little further away from a pure “newspaper” solution, which was its original intent, and hence our original purchase, and support.
Just my thought. Your mileage may vary.
You can certainly modify the theme to change the CSS, or hire a developer, but I doubt they will add “full width” capability, just as they removed the “fixed width” capability from Newspaper (and upset some people); this theme was answer to having a fixed width theme for those who want it. Just an observation, and possibly completely incorrect 🙂
I don’t speak for the company in any way, although quite a bit of my feedback and expertise as a 10-year WordPress user have made their way into some elements of themes and the docs, which is great to help contribute to since we (our company) use both TagDiv themes.
I DO AGREE ON HOME PAGE:
I do agree that it would be cool having the top image bar element full width as an option, although you’d get some issues with the images having to be responsive and both the images and the VC “block” would need to be set to fill the divs, and this means the images used would never be their “actual size” and hence you’d get a warning from PageSpeed about the images being resized (not an issue for us since we use mod_pagespeed to cache “resized” images based on the resized format) – which some people obsessed with pagespeed score might not like. But yeah…. I’d love to see that particular module you’ve identified have a full width option – many sites like news.com, and other have similar element.
So, I do agree on home page; disagree on post pages.
Cool, I’ll check it out.
And why does anyone buy a theme that may not include one specific desired feature out-of-box? Because:
1) The expectation that CSS tweaks and/or tech support will help bring it about mitigates Customer Friction.
2) The other features outweigh the lack of that one feature.
The theme is amazing and lightening fast, I just don’t know why they didn’t include a simple feature 90% of the premium magazine themes have (in this case, going from boxed to full-width).
But since TagDiv actually listens to its customers and is known for making game-changing updates, I think it’s worth mentioning publicly.
Hey Support,
So I managed to get the themes footer and sub-footer full width. It looks excellent on desktop, laptop, and mobile.
Unfortunately, I can seem to increase the main homepage content. I’ve been messing around with the CSS and nothing’s working.
I hate how narrow the content is relative to the footers/full-width nav & header. It looks goofy. Too much white space. Some of the most eloquent themes these days are full width, so I was shocked that the theme only allowed that tacky looking “narrow” format.
Anyway you guys could throw some CSS my way so I can expand the main content out a little bit? Make it look a bit fuller so it’s not encased by white space? (I realize this extra space disappears on phones but my tablet/laptop still displays it)
Here’s what I’m talking about:
Thanks!
-Brian
Hi Lucian, thanks a lot.
I am having issues with the 3rd problem.
When I uncheck “strech background” the background image comes back, but kind of “enlarged”
What I don’t understand is; I didn’t load any plugins, didn’t edit css.. nothing…
I can give you my login details in case you want to take a look.
pls show me how I can mail you.
Thanks
