- NewspaperCreate Custom Code with the browser’s Inspector or the Live CSS Box
- NewspaperScroll Animation
- NewspaperWP Rocket and Newspaper Theme: Optimization Guide
- NewspaperHow to setup Twitch for Social Counter
- NewspaperModal Popup
- NewspaperFlex Block Settings Guide
- NewspaperAutoptimize Plugin – install and configuration
- NewspaperAdding Multiple Authors to Your Articles
- NewspaperDesign your Post Pages using the Cloud Library Templates
- NewspaperBig Grid Flex Settings
- NewsmagtagDiv Composer Tutorial
- TutorialsFrom WPBakery to tagDiv Composer
- NewspapertagDiv Composer Tutorial
- NewspaperTheme modules and blocks
- TutorialsDefault Block Settings Guide
- NewspaperThe Mobile Theme
- NewspaperCompare theme files – Winmerge tutorial
- NewsmagBlock settings tutorial
- NewsmagLogo & Favicon
- NewsmagFooter templates
I’ve disabled all plugins and removed all custom CSS…. i haven’t modified any theme files…
The problem I’m having is on the mobile version of the site, the CSS is not picking up the default font i selected in the Theme Manager. Also, if I try to refresh the mobile version all CSS is lost and it looks like a mess. I have to completely close out safari on my iPhone, restart to see the website. Then if i refresh, the problem happens all over again.
Not sure why the CSS file isn’t being pulled?
Hello dtalerman,
Wp Rocket it’s a complex plugin with many features included and to make it compatible with the theme will take some time and we will need to do some serious investigations. From other reports, some of the plugin’s features, like page caching works fine, but some of them like CSS/js minification are known to create issues with our theme. I can’t say at this moment if we will implement support for this plugin as it’s a very complex task which requires a lot of time and researchers. As an alternative, you should try to use our tested plugin WP Super cache -> http://screencast.com/t/GXyYQ5RQNY
Hope this helps!
Thank you for the message!
Hi Catalin,
Apart from the CSS changes (that would fix the ‘visual side’ of the issue), Is there a way to avoid the theme to load the styles related to that couple of fonts? That should improve the speed of the whole site.
I tried overwriting ‘includes/td_config.php’ (lines starting on 3253) from the child theme without much luck.
Many thanks in advance!
Hello,
this happenes when the css get rewritten. Please check your code in the theme panel and check for any selector like so: .post header h1 and attributes for the font-size. If there are multiple instances of the code, please remove them and just leave the value you want.
Thank you!
Hello rockingfamily,
Below I gave you CSS code for both headers style used. I do not recommend to increase this with CSS because you can break your layout. In order to achieve the best result, I suggest using another header style with a bigger logo.
For header style 8
.td-header-style-8 .td-header-sp-logo {
width:300px;
}
For header style 7
.td-header-style-7 .td-header-sp-logo img {
width:300px;
}
Hope this helps!
Thank you for the message!
Hi
We are sorry for the delay. We do not work weekends and there is the time zone to consider:
Support Hours (GMT+2)
Monday – Friday:
8:00 AM – 17:00 PM
Use this css in theme panel > custom code > custom css: http://screencast.com/t/bOQGoTmycxu
.wpb_text_column h1:first-child, .wpb_text_column :last-child {
display: inline;
}
.wpb_text_column h1:first-child{
margin-left: 30%;
}
@media(max-width: 768px){
.wpb_text_column h1:first-child{
margin-left: 15%;
}
}
Thanks!
Hello,
You can use this css for both your requests.You can change the color in the code to the one you prefer.
@media (max-width: 767px){
.td_smart_list_7 .td-sml-current-item-title {
font-weight: 600!important;
}
}
.td-smart-list-button{
background-color:red!important;
}
I hope this helps.
Thank you!
Hi
The code should look like in this screen: http://screencast.com/t/NJtcqnrJ Just replace all code from header-menu.php file with this one: http://pastebin.com/19NaFmcg and replace the page id and image url as i indicated in the screen.
To increase the logo size on mobile devices use this css in theme panle > custom code > custom css: http://screencast.com/t/OMrlgBHyp1yv and modify the width value as you want:
@media (max-width: 767px){
.td-main-menu-logo img {
width: 70%;
}
}
Thanks!
Hello,
You can change the text logo font with css:
.logo-text-container .td-logo-text{
font-family: roboto;
}
Simply add the code in the theme panel -> custom css box.
Thank you!
Hello Koznazna,
Please try the code below and fix your Source with the CSS code below. Add it in Theme panel->Custom CSS area.
.td-post-source-via {
padding-left: 0px!important;
}The result -> http://screencast.com/t/ccNlek5Kseeb
For your second request, please try to disable all the active plugins, leave just Visual Composer, clears all cache and install only the plugins that come bundled with our theme and rule out the conflicting plugins wich could cause some broken layout in our theme.
Hope this helps and let us know how it goes!
Thank you for the message!
Hi
Wp Rocket it’s a complex plugin whit many features included and to make it compatible whit the theme will take some time and we will need to do some serious investigations. From other reports some of the plugin’s features, like page caching works fine, but some of them like css/js minification are known to create issues with our theme. I can’t say at this moment if we will implement support for this plugin as it’s a very complex task which require a lot of time and researches.
I’ve added this on our todo list and theme’s developers will investigate it in the feature. If we find any solution we will make an announcement.
Thanks!
Hi
Use this css and increase the font size value as you want:
.td-tagline-text{
font-size: 20px
}
Thanks!
Hello gekkie96,
If you want to change the color for all the links in your posts content, please try the code below and add it in Theme panel->Custom CSS area.
.single .td-post-content a {
color:red!important;
}
If is not what you mean, please provide more details about your desired changes.
Thank you for the message!
Hi
Try this css in theme panel > custom code > custom css: http://screencast.com/t/ssS1eGvH25j
.category .td-module-thumb a:last-child:before {
background: none!important;
}
Thanks!
Hello tagdiv-da-beast,
In order to change as you wish, I suggest you creating another thumnail using API method. For more information about how to do this, please consult our documentation here -> https://forum.tagdiv.com/td_api_thumbadd/ This is the best solution for this. Please notice that after this, you have to do some additional customizations for a good design. We cannot recommend changing the sizes of the thumbnails by using CSS code because it is not a simple task and could cause some layouts spoiled.
Hope this helps!
Thank you for the message!
Hi Tagdiv support; notdefteri.net is indexing but not index www . notdefteri.net the reason for this i think
css files on the site www. without using calling code. header.php need to fix, can you help me about problem
If it were me I would wait for TagDiv to possibly point you at the font loader php file where you could add in all those fonts with help of a devoloper if you would not be able to, which would add the fonts “hard coded” into the includes file, so that those fonts are loaded as menu options, and then hard code the font calls into the style.css to “always load” that family.
This way you “load the family” manually, but can select font “assignments” from the theme panel which are then applied to the specific classes.
Seems like that might work.
Or, hack the function file to give more font import locations from 3 to 9.
Any thought on this? I have the same code in custom css but not doing anything now with the new version of the theme.
I’d been wanting to add that little bar myself. I pasted the code that was provided above in the Custom CSS area and tweaked the color and size of the bar to how I wanted it to look. The problem I’m having now is that the colored bar at the bottom seems to extend the height of the navbar only while the mouse is hovering. This is kind of confusing to explain, so let me try it another way…
The way that I’d wanted that little colored bar to work was for it to appear within each link’s box in the navbar as the mouse hovers over it. By appearing within the box, the overall height of the navbar wouldn’t be effected. However, what seems to be happening is instead of the colored bar appearing inside of the link’s box, it’s appearing below it, which is causing the navbar to be several pixels taller on a hover than it is normally.
I also drew out a little diagram just to make sure I’m communicating this right. The top navbar that I drew is how I was hoping it would be and what I want. The bottom is what’s happening.
This is causing a secondary problem that I’ve noticed, which might not be a big deal, but I have this obsessive need for my website to look crisp and work perfectly. Since the little colored stripe that appears on a hover extends the height of my navbar a few pixels, it’s also messing with my mega-menus. It seems like they’ll start appearing while attached to the navbar at its natural height, but when the little colored stripe appears and causes the navbar to grow a few pixels taller, you’ll see the mega-menu twitch as the stripe causes it to get pushed away from the navbar a few pixels.
Hopefully I have explained this sufficiently so that you guys will know what I mean. Also, I hope I’m not highjacking someone else’s thread, I just figured since my issue is derivative I’d just post my problem in the same thread instead of creating a new one.
[My website is here if you want to see what I mean for yourself.]
Hi All,
Using newspaper 6. I noticed my top icons (dropdrown arrows, search icon) are missing in a certain way:
My website (chuckyeager.org) is hosted in a subfolder of my site: http://www.klpstudio.com/chuckyeager_org/. when accessed like this the icons show up.
When accessed like so http://www.chuckyeager.org/ the iscons are missing.
Do i need to add absolute URLs to the icons? if so, which css and stylesheet do i edit?
thank you.
Oh… experimenting more. I think it does ‘work’, but it’s not visible because the underline/color-bar is so low. It looks like the links have a padding-bottom of 15px (looking at it with a css viewer browser extension).
I tried reducing the padding, but haven’t been able to figure out the right css for that…
Go to + theme panel + custom code+ custom css
.td-post-content a:hover {
color: #hereyourcolorinhexa;
}
i’m trying to editing style.css file to be fully arabic version, almost done but i have problem with featured photo in style 6,7,8
Hi Catalin
First of all, I’m appreciated for fast response.
For Question no.1
I don’t want to change category style but I would like to remove all grid images in the category section like this
I try to set by following your instruction but it’s still exist.
2. No problem and thank you very much
3. I try step by step like this
step1 Find Category ID = 85
step2 Find module = 8
step3 put css in style.css
.category-85 .td_module_8 .td-module-meta-info, .category-85 .td-page-title {
display:none;
}
Unfortunately they still exist. Am I do it wrong?
Here is url = http://www.followmum.com/pregnancy/pregnancy-week-by-week/
Hi AndreiL,
Thanks for helping… it doesn’t seem to be working though. http://n4s.us
I spent the last hour or so going through my custom css and took my customizations out for a while to see if something I did is conflicting with it, and I don’t think so. Couldn’t find anything.
Chris
