- NewsmagtagDiv Composer Tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
- NewsmagUsing other ads
- NewsmagUsing Typekit fonts
I take back my statement, the custom css changes only the title of the font. The css you provided for the body doesn’t seem to have the desired effect 🙁
the custom css worked, thanks a lot!
since you’re here, could I also ask one other question?
I have a custom php code for social sharing buttons that I want to replace with what the theme has?
Where do I paste them so that it appears exactly where the current share buttons are (right below the tags, inside the box)?
Hi,
Please use this custom css, add it Theme Panel > Custom CSS:
.td-post-sidebar .td_mod3 .thumb-wrap img {
left: 0px !important;
}
.td-post-sidebar .td_mod3 .item-details {
top: -27px !important;
}
Hope this helps!
Thanks
Hello,
Since i’ve updated the theme, tinymce has messed up changing the fonts of the back-end such as ‘wp-admin/post-new.php’.
In the HTML of the backend editor it says:
<body id="tinymce" class="mce-content-body content post-type-post post-status-pending post-format-standard mceContentBody wp-editor html5-captions" onload="window.parent.tinymce.get('content').fire('load');" contenteditable="true">
In the css of the backend editor now, it says:
element.style {
}
html .mceContentBody {
max-width: 700px;
max-width: 1074px;
font-family: 'PT Sans', sans-serif;
font-size: 16px;
line-height: 27px;
}
body {
font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
font-size: 13px;
line-height: 19px;
color: #333;
margin: 10px;
}
body {
background-color: #FFFFFF;
color: #000000;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
scrollbar-3dlight-color: #F0F0EE;
scrollbar-arrow-color: #676662;
scrollbar-base-color: #F0F0EE;
scrollbar-darkshadow-color: #DDDDDD;
scrollbar-face-color: #E0E0DD;
scrollbar-highlight-color: #F0F0EE;
scrollbar-shadow-color: #F0F0EE;
scrollbar-track-color: #F5F5F5;
}
body[Attributes Style] {
-webkit-user-modify: read-write;
word-wrap: break-word;
-webkit-line-break: after-white-space;
}
user agent stylesheetbody {
display: block;
margin: 8px;
}
And i can’t change ‘html .mceContentBody’, so the font is to normal? Even when i deactivate the cache plugin ‘W3 Cache’, it still doesn’t change.
Any help?
Thanks 🙂
Hi,
I have tested the “Post Content Font” and seems to work fine using the latest theme version (4.0.2).
Please try this without any plugins activated except those required by the theme and see if it works. Also update the theme to the latest version.
If not you can give us wp-access so we can check this issue, please provide the wp-admin user and pass to contact@tagdiv.com
Regarding the this happens just once until the cache is created, there is an delay until the font loads.
@Steven
Yes you are right, until version 4.0.2 the post content fonts and the page content fonts where the same, if you want to use it like that you can use an older theme version.
If you want you can use this css to change your TOS page font size:
.page .wpb_content_element p {
font-size: 10px;
}
use this for the titles from that page:
.page .wpb_content_element span {
font-size: 10px;
}
Hope this helps!
Thanks
Thanks. It works.
http://bfthai.com/teeee/
However, I found new problems after custom css.
1. for non align image, all text under image change position to right picture if have some space
sample : http://i.imgur.com/WbAc32T.jpg
2. It feel take a little time before images get align even use super cache (not found this problem in previous version).
3. some image class from other plugin change text position
sample : http://i.imgur.com/d4YqJYP.jpg
Is it possible to change themes style css directly to use old version or download older version from themeforest ?
-
This reply was modified 12 years by
SAO.
Hi,
1. You can use this css to remove the background:
.td-footer-wrap .span12 {
background: none !important;
}
Also add this one if you want to get rid of the space between the bottom footer and the page content above:
.td-footer-wrap .td-grid-wrap {
padding: 0px !important;
}
If you want to hide the footer add this:
.td-footer-wrap {
display: none;
}
This will be applied to all pages.
2. If you want the bottom footer background to be full width you have to remove the boxed layout, to do that you have to remove the background from Theme Panel > Background http://screencast.com/t/triM5Jx6 or Theme Panel > Theme Colors http://screencast.com/t/EsHzsHo1xr8
Thanks
Hi,
For the non external images please use the css:
.td-post-text-content img {
float: left;
padding: 2px;
}
We have made some changes in themes style css, and this may be the reason why the pictures don’t align properly.
Also you may want to check those JavaScript errors.
Let me know if it’s working.
Thanks
Hi,
Please use this css to hide the menu items behind the drop-down menu:
@media (max-width: 1018px) and (min-width: 768px) {
.sf-menu > li > a {
z-index: 0;
}
}
Or this if you want to use smaller font:
@media (max-width: 1018px) and (min-width: 768px) {
.sf-menu > li > a {
font-size: 10px !important;
}
}
Hope this works!
Thanks
Hi,
1. We have made some changes in themes style css, and this may be the reason why the pictures don’t align properly.
2. Unfortunately the theme wasn’t build to work with custom post types, and that’s way the theme settings don’t apply for custom post types.
Thanks
Do you think you may add Alert Boxes to your short codes list? I really don’t want to use a plugin. Looking for something easy with icons.. maybe like this:
http://demo.mythemeshop.com/spike/shortcodes-examples/
Even a red box with no icon, would be a welcome addition. Maybe like this?
http://wordpress.org/plugins/notice-boxes-with-shortcodes/screenshots/
Is it a matter of some quick custom css? Maybe a copy of the css code of “Box Quote Center” but aligned left, and colored red, green, light blue etc?
Thanks so much. Keep up the great work everyone!
Hi,
sorry to be a pain but I’ve recently discovered the new gallery feature. I have noticed that when the format is Gallery the post is not appearing correctly based on the css class above suggests… help?
-
This reply was modified 12 years by
Daniel Finch.
I was about to report the same. The Page fonts don’t change when changing the post fonts from Theme Panel.
Also, as mentioned above – the defaults load first – fonts, theme colors etc. – and then changes to the custom css. It surely does make for bad user experience.
Otherwise, I am finding the update pretty solid.
Have a look – http://www.droidgobl.in
@Peter, this worked! Purges the style.css in Cloudflare and wah-lah!
Thanks for the help!
Hi,
To remove the footer-shadow please use this CSS in Theme Panel > Custom CSS:
.td-full-layout .td-footer-wrap {
background: none;
}
To change the bottom footer backgreound you can use the Theme Panel http://screencast.com/t/kX9ULUzEdNlS
Hope this helps!
Thanks
Hi,
Please add the following css inside the Theme Panel -> Custom CSS:
.td-g-rec-id-content_bottom {
clear: both;
}
Thank you, Emil G.
Hi,
Use this CSS:
.home .entry-crumbs {
display: none;
}
Thanks
Hi,
You can change the module used for Similar Posts from here http://screencast.com/t/j2QCMYK044c
Unfortunately these dose work only for module 2,3,4,5,6 which is’t default.
Regarding the title, if you are referring to the “Similar Articles” section, you can use this custom CSS in Theme Panel > Cusotm CSS:
.similar-articles .block-title {
display: none;
}
To hide the posts title use this CSS:
.similar-articles .td_mod_wrap .entry-title {
display: none;
}
Hope this helps!
Thanks
Hi,
The logo appears there because it’s like a menu-item from that list now. Please chose the “header style 2” from Theme Panel and set to hide the header only on screens with the minimum width of 768px using this code in Custom CSS > Theme Panel:
@media (min-width: 768px) {
.td-header-bg {
display: none !important;
}
}
Also remove this code:
.td-header-bg {
display: none !important;
}
and
@media (max-width: 767px) {
.td-header-bg {
display: block !important;
}
}
from Theme Panel > Custom CSS filed.
Hope this helps!
Sorry about this!
Let me know if works!
@seitenprofi Use the same method to add the logo like a menu-list item and them position it using CSS like you want it.
For the logo to be shown on mobile chose the menu style 2 and use the @media or the advanced CSS from Theme Panel http://screencast.com/t/CvwEyAOxSxb2 to hide the header from other screens or the above CSS:
@media (min-width: 768px) {
.td-header-bg {
display: none !important;
}
}
Thanks
-
This reply was modified 12 years by
Lucian.
Still no luck. Doing my head in. Will try contacting you by mail.
Thanks.
hi,
use this css:
.menu-header-container ul.sf-menu > li > a {
font-size: 10px;
}
here : http://screencast.com/t/5XPlGzkzmg
to decrees the size of the menu.
Thanks for you message.
Radu A.
hi,
I have made something , from here you can take over : http://screencast.com/t/DUVdHRbGh
assume that the post layout is default : http://screencast.com/t/ugLzXJXdJr
use this css:
#td_social_networks_buttons {
background-color: #f5f5f5;
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
height: 35px;
}
#td_social_networks_buttons ul{
position:relative;
top: -21px;
}
here : http://screencast.com/t/QR42rLyfj
Thanks for you message.
Radu A.
Hi,
Thanks for reporting this. Can you please let me know how did you achieved this?
I see you are using a full width layout for the ad, I’m pretty sure you can’t use the theme option to add a full width ad so I’m guessing you have added it directly on the post template, in this case you may need to style it via CSS.
Thanks
hi,
first of all you got 2 javascript errors : http://screencast.com/t/oqnpalJp
then I see that you inserted some links with images in them from another site : http://screencast.com/t/9KFmxG9gW , those links have the class external. I have found nowhere the css rules for external class.
use this code :
.td-post-text-content p a.external {
float: left;
padding: 2px;
}
here: http://screencast.com/t/hr2yphh82zcA to align them like you want
Thanks for you message.
Radu A.
Thx Lucian! No big deal! So far I went for little more complex css selectors. Got everything working.
I just realized that google linkid (plugin for google analytics to track where on page users are clicking) (https://support.google.com/analytics/answer/2558867?hl=en) requires id’s. Thus if you start integrating this you may want to consider also integrating an id fields.
I added a class and an id to the different page areas e.g.
similar ariticles id=”td_similararticles”
sidebar id=”td_sidebar_left” & id=”td_sidebar_right”
footer id=”td_footer”
This not only makes styling with css easier but also allows linkid to work. You may want to integrate the id tags in your theme too?