- NewsmagtagDiv Composer Tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
- NewsmagUsing other ads
- NewsmagUsing Typekit fonts
I apologize if this has been addressed previously, but I searched and couldn’t find it. I would like to know how to switch out the mobile menu icon to be the one with the three horizontal bars, rather than the 3×3 grid of squares.
It seems like that is the standard to launch menus on most sites, and the 3×3 grid is used more as a pull down menu (eg Google apps).
As far as the CSS, I see that everything is pulled from images/sprite/elements.png but I can’t figure out how to modify the code to change what part of the png shows up…
Any help would be appreciated. Thanks!
@Radu A ur welcome
Thanks for the reply, Lucian.
Am I right in thinking that that is only for Google Adsense ads?
If I had a custom code from another network, it would load and only be hidden by display:none in the CSS under the correct @media attribute?
Hi,
Unfortunately there is no setting for this feature, i belive you want to make changes to the logo text or to the tagline text, if so you can use this custom css to select them, use .td-logo-text to select logo text or use .td-tagline-text if you want to select the tagline text and add your chosen font family and font size.
Ex:
.td-tagline-text {
font-family: "Anonymous Pro" !important;
font-size: 25px !important;
}Thank you
Hi,
You can use this CSS:
/* responsive monitor */
@media (min-width: 1200px) {
.post .thumb-wrap img {
max-width: inherit;
}
}
emil_grecu is typing...
emil_grecu: .td_980_resp .td_mod_mega_menu {
margin-left: 19px;
}
.td_980_resp .td-mega-menu ul {
left: 0px !important;
}
.td_980_resp .td-mega-menu .td_block_inner{
width: 800px !important;
}
.td_980_resp .td-mega-menu .td-mega-grid,
.td_980_resp .td-mega-menu .td-no-subcats .td_block_inner,
.td_980_resp .td-mega-menu ul {
width: 996px !important;
}
@media (min-width: 768px) and (max-width: 1018px) {
.td_980_resp .td_mod_mega_menu {
margin-left: 14px !important;
}
.td_980_resp .td-mega-menu ul {
left: 0px !important;
}
.td_980_resp .td-mega-menu .td_block_inner{
width: 600px !important;
}
.td_980_resp .td-mega-menu .td-mega-grid,
.td_980_resp .td-mega-menu .td-no-subcats .td_block_inner,
.td_980_resp .td-mega-menu ul {
width: 748px !important;
}
}
Add it in Theme Panel -> Custom CSS section.
For the logo issue use this CSS:
.td_980_resp .td-g-rec-id-header .adsbygoogle {
right: 0;
}
.td_980_resp .header-logo-wrap img {
width: 250px;
}
.td_980_resp .header-logo-wrap {
margin-top: 34px;
}
Thank you
Hi,
Reply via email.
Use this CSS:
/* responsive monitor */
@media (min-width: 1200px) {
.post .thumb-wrap img {
max-width: inherit;
}
} Thank you
Hi,
I use this homepage lay-out: Homepage blank template -> Big slider (4 posts), block 2 (2 posts) and block 4 (10 posts) with sidebar and block 4 set to “load more” and unique article enabled (screenshot: http://imgur.com/vDQnblV). When clicking load more, the first 6 articles in block 4 will be loaded again before loading new posts. I’ve made a screenshot (http://imgur.com/IsWCFHk), you can see some posts are the same and they are loaded below the “load more” fold.
The reason I use this lay out is because block 4 shows up nicely on mobile. So i hid the big slider and block 2 on mobile (max-width: 767) via css, but now block 4 isn’t showing the newest post. I know it’s because the unique article filter filters the first 6 posts (4 in the slider + 2 in block 2 = 6) from the big slider and block 2. But maybe there is a workaround or fix to make block 4 show up the newest articles on mobile? I know i can turn off the unique article filter but then the homepage on desktop will show duplicated posts. I really need a fic for this.
Isn’t it possible you guys make a second homepage template for mobile only? So you can design a normal homepage for desktop and tablet and a special homepage for mobile?
Hey there,
if i delete this lines in the functions.php ive got some issues on my site with blocks 🙁
iam at Version: 3.9.1
thx for your help
cheers
When we started using Newspaper theme the carousel on the front page worked like a charm, but lately we’ve experienced issues with the main photo not lining up right with the smaller photo, making the site look terrible. This was worse than ever when we published our latest article.
We’ve not made any changes to the carousel CSS. What could be the reason behind this?
Screen: http://i.imgur.com/GxG9KhL.jpg
Website: http://www.vitamail.no/
No no custom css. Problem only happens on the homepage. http://dotheyarravalley.com.au
Footer text block is automatically adding link to text. On other pages the the footer text is not linked. http://www.dotheyarravalley.com.au/category/accommodation/
Can’t find the problem. Driving me crazy.
I think he is using that plugin “Async JS and CSS”
To not break any slide are the menu on mobile please add these files in the
Exceptions (files to ignore and load in render-blocking way) box to the bottom
jquery.min.js
external.min.js
site.min.js
these files can’t be loaded in render-blocking are the sliders on ur site will not work also the mobile slide menu..
HI, if memory serves, as with most themes, it writes the new custom CSS into the header of the live page. Put some custom CSS in panel, then check the header section of a post page file to see 🙂
I use a couple of custom CSS things on our sites, only because in some versions of theme and our setup some stuff like the today’s date color setting didn’t work, and I also use Disqus but wanted some more spacing between the banner ad and start of the comments module. Was easy to just put those there than go back to the main css.
In the old days themes would often have a custom.css file to put custom code, particularly with child themes. However, “redirects” of CSS files from child theme kind of made that a fools errand for SEO. (Google doesn’t like the style redirects.)
Common method for any minor custom CSS stuff is to put into the header anyway, after call to main CSS file.
But perhaps Marius,Emil,Etc. may have better answer to that.
Thanks, Christopher! On a related note, do you know what happens on the backend when we edit/add CSS in the admin panel? Is it serving the browser a separate CSS file with our modifications or is the theme panel somehow editing the CSS file on the fly when the browser requests it?
Hi..
I went through this with my own optimizations of the theme over the past 8 months or so. In our case we add a number of things to the functions.php file, take couple of things out, and for a couple of things we went ahead and edited the style.css file directly, and then minified it when uploaded. I think we also have to edit the main post file each time to make author visible on post (*SIGH*), and also change the prefix for hit counter since we’ve been using a custom field for many many years.
It did make site faster, just be sure to keep a cheat sheet of what you’re changing, and keep separate set of files as back up obviously. Minification helped the most, and if you’re only doing two or three over-rides for CSS in theme panel, it won’t impact anything; meaning you could just minify the style.css, put your couple of CSS overrides in the theme panel and call it a day. If you have 20 changes… yes, likely worth adding to the main style.css.
Downside is I tend to skip every couple of updates since I’m not doing anything with jetpack, buddypress, bbpress, WMPL, logins, social counter, woocommerce, where there have been some updates to help those type of users.
Hi, sorry … didn’t intend to start a roundtable… 😉
The different colors for menu choices isn’t a bad idea — some themes pull this from custom category color.
Note that some of the sites referenced, like “The Guardian” are *OLD* templates and not responsive and will likely soon be completely redesigned. Here is BETA of their new site:
http://www.theguardian.com/us?view=mobile# — note it is following the NEW thinking in search boxes (click, then search appears), being adopted on most major sites (at least here in the U.S. and U.K.). No multi-color menus, no weather boxes.
For the search box — one YES suggestion, would be option to have an entry box in the theme panel to swap out the maginifier CSS, to insert a Google Search service box, for those who wish to use Google for site search vs WordPress.
I noticed that we can edit a lot of things such as colors and fonts in the admin area of the theme.
Is it more efficient for pagespeed to edit the CSS directly, or does the admin panel automatically edit the CSS? I assume it’s just overriding the default CSS with a new CSS which seems more inefficient… I don’t mind getting into the code, my top priority is to make my site as efficient as it can be.
Thanks!
hi,
thanks for sharing this
Thanks for you message.
Radu A.
Hi,
Try this CSS, add it in Theme panel -> Custom CSS
.td-review-row-bars {
display: none;
}Thanks!
Hi,
Try this CSS:
@media (max-width: 767px) {
.thumb-wrap {
background-color: #FFFFFF !important;
}
}Hi,
@yoluca you can make most of your requests via CSS or using some plugins.
Thanks @Steven and @Christopher for the support.
Have a nice day all!
Hi,
The CSS is fine, is only for sidebar. Add it in Theme panel -> Custom CSS
Thanks for the message!
Hi,The CSS animation is fixed in the latest update, about the frontend editor is very difficult to make it because all our block and visual composer have some incompatibility when refresh the blocks data.
Thanks for the message!
Hi,
Did you made some modifications to the theme? Please disable any minify plugins or mod_pagespeed or other host accelerators, the html/css structure of the theme is wrong.
Thank you
I think I may have found the answer in a previous thread – adding this to advanced CSS to hide sidebar:
@media (max-width: 767px) {
.container .span12 .row-fluid .span4 {
display: none;
}
}
Is that right? I was confused because the thread (https://forum.tagdiv.com/topic/hidding-sidebar-on-mobile/) also talked about hiding the footer, which I don’t want.
Thanks in advance!
