- 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
- NewspapertagDiv Composer Tutorial
- NewspaperTheme modules and blocks
- NewspaperThe Mobile Theme
- NewspaperCompare theme files – Winmerge tutorial
- NewspaperUsing Other Ads
- NewspaperBlock settings tutorial
- Using custom fonts
- Using typekit fonts
- NewspaperChild Theme Support
- NewspaperHow to Make the Site Faster
hi
try to use this :
.iosSlider .slider .item img {
width: 1980px !important;
max-width: none;
}
change 1980 to what ever you want
Thanks for you message.
Radu A.
Hi,
Please remove this css from Theme Panel:
.td-full-layout .td-menu-background, .td-boxed-layout .td-menu-wrap {
background: none !important;
}
..and add this one:
.td-full-layout .td-menu-background, .td-boxed-layout .td-menu-wrap {
background: white !important;
}
Thanks
Hi,
Yes you are right, you have to use this css instead:
#td-top-menu .sf-menu {
display: table;
float: none;
margin-left: auto;
margin-right: auto;
}
Sorry about this!
Thanks
Hi,
for some of my tags I activated the “HIDE CATEGORY TAG ON POST” button in theme panel. Unfortunately they still appear below of the post title. Is this a current bug or do I misinterpret this theme function?
You can check on: http://www.brettspiele-magazin.de/istanbul/
Currently I deactivated the categories via the following custom CSS
ul.td-category { display: none !important; }
Its not urgent but maybe you find some time to look at it.
Chears,
Norman
Hi,
I have tested this and seems to work fine using the themes latest version, please try to disable all plugins, except those that theme requires, one by one and see if this issue is still present.
If this dose not work please give us wp-access so we can check, send user and pass at contact@tagdiv.com and include a link to this topic or specify this issues details.
In case you decide to use the rev slider use this CSS in Theme panel -> Custom CSS
.rev_slider_wrapper {
z-index: 0;
}
Thanks
Hi,
Sorry about this, unfortunately you can’t update the theme without any changes, you can only try to set again the posts how they where before.
Unfortunately I don’t know what those changes are. If you want, you can update the theme to the latest version and give us wp-access. You can do the update and then send your wp-admin username and password to contact@tagdiv.com and specify there all the changes that the update has made to your layout and we will try to find a solution.
For the space between the feature image and the text you can use this custom css to remove it, add it in Theme Panel > Custom CSS:
.post .thumb-wrap {
margin-bottom: 0px;
}
This is the font used for that post http://screencast.com/t/V1Xhe2wKU2
Hope this helps!
Thanks
Has anybody figured out the correct CSS that expands the image to fulfill the sliders image. Example http://screencast.com/t/Mjlo9S6lg
Could you please update your documentation for doing the logo in 4.0.2
I created a .png file of 300×100, and another .png file for 600×200. Theme Panel in 4.0.2 has 2 places for the 300x 100 and 2 places for the 600×200 (logo, and Mobile logo). I don’t understand why a 600 size is needed?
The logo is blocked in iphone by a layer of white (banner, menu I don’t know what it is) but it’s not showing up on top.
Please gather all .css fixes and post in documentation as one set of instructions or please issue patch file that fixes that.
Thank you so much.
—
Hey @sbo i’m going share two css code with you try them i don’t remember which one i’m using to removed mine but you can try them both..add them in the theme settings in the CSS section…
.td_block1, .td_block2, .td_block3, .td_block4, .td_block5, .td_block6, .td_block7, .td_block8, {
padding-bottom: 0px !important;
}
.td_mod2 .meta-info, .td_mod3 .meta-info, .td_mod5 .meta-info {
display: none;
}
I’ve disabled the comments, views, date below post title. I am trying to get rid of the spacing below the title in the module (http://screencast.com/t/gQQ5WfIj). Whenever I change the CSS for it, it effects the other widgets (block 3, etc) and squeezes them real tight. Is there another div. meta-info to adjust?
One more question, what would be the css to affect only the header menu div, but not the search dropdown menu?
Hi,
Filing another bug-report. If Style 2 is chosen, then side-bar widgets get all messed up and line height goes up to 50px as font size shoots up to 35px…this is the css which takes over side-bar:
.single_template_2 .entry-title, .single_template_5 .entry-title {
font-size: 35px;
line-height: 50px;
margin-bottom: 14px;
margin-top: 0;
}
.. and looks really ugly. Please release a fix with next version which if I compile are:
1: Timeline CSS is broken on mobile and some browsers
2: There should be Style 6 which offers full width featured image to complement full width title
3: Fix Title font size for style 5 (missing from post settings)
4: Settings for Page Content fonts missing from Theme Settings
Hi,
Can you please send me an URL to your site so I can inspect to see this issue? I will give you the css to do it.
Try this until then:
.header-logo-wrap {
margin-top: 0px;
}
Thanks
Hi,
It should not matter what type of ad it’s displaying the class I used to target the content it’s applying to all ads.
I can not help you if I can’t inspect this issue, you could try to modify the ad code if it’s not working well.
Sorry for this!
Regarding the code keep in mind that you have to follow the steps from the solution Radu provided and move this code, like this http://screencast.com/t/DUVdHRbGh in the loop-single.php file, if you use other post template than the default one you have to do this in the post template file that you use http://screencast.com/t/pRKMIv38
Then go to td_module_blog.php file and add this line:
$buffy .= '<li class="td-text-share">Twitter Facebook Share Buttons</li>';
…like here http://screencast.com/t/dKB2ilqiZD
After you did this step you have to use the css code in the custom css section from theme panel.
Result: http://screencast.com/t/jEqQvh7duCV6
Thanks
-
This reply was modified 12 years by
Lucian.
I had the theme installed on a sub domain and was able to remove the “continue” button altogether by following these instructions.
https://forum.tagdiv.com/topic/continue-button-in-blocks-6-9/
Now the theme is on my main domain and the button reappeared.
I also tried to comment it out by adding this to custom css
.td_mod9 .td_read_more {
display:none;
}
but it didn’t help.
Please advise.
Hi,
If you want to divide/separate the sidebar content for main content the best solution in this case would be to use a different block in the sidebar, I noticed you use block 3 in the sidebar, maybe it should look much better to use block 5 or 4.
You can also do it using css and use the display: none; property on block images but I would not recommend that.
Thanks
Hi,
Add this css in Theme Panel > Custom CSS:
..this is for the lists green check, you can change it as you like:
.single ul {
list-style-image: url('http://www.indexbraille.com/Website/Templates/IndexBraille/Theme/Images/list-style-check.png');
}
and this is for the line spacing betwen line of lists, also you can change it like you like:
.single ul li {
line-height: 30px;
}
This will apply to post’s lists.
Thanks
Hi,
Use this css to center the menu:
.sf-menu {
position: relative;
left: 200px;}
Adjust the left: 200px as you like to look.
For the menu sahdows use this css:
.td-full-layout .td-menu-background, .td-boxed-layout .td-menu-wrap {
background: none !important;
}
.td-full-layout .td-menu-background:after, .td-boxed-layout .td-menu-wrap:after {
display: none !important;
}
Thanks
Hi,
That border it’s made via css by adding content after the menu using the :after selector like this: http://screencast.com/t/re2f76Kx6N
This is the css code:
.td-full-layout .td-menu-background:after, .td-boxed-layout .td-menu-wrap:after {
position: absolute;
bottom: -16px;
left: 0px;
display: block;
content: '';
height: 12px;
width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAMBAMAAABRpcpkAAAAJFBM…AIElEQVR4XmNgYBBgUGAwYHBgCGBIYChgaGCYwLCAYQMAH7gEIQV1/xQAAAAASUVORK5CYII=') repeat-x;
pointer-events: none;
}
You have to select every block you want and add this using the :after selector.
What you want is not an easy task and needs custom work, you could do it yourself or hire a freelancer to do it for you.
Thnaks
Hi,
Please add this css in Theme Panel > Custom CSS:
.wpb_row.row-fluid div.thumb-wrap a img {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
}
.wpb_row.row-fluid .iosSlider div.thumb-wrap a img {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
}
Thanks
Hi,
I noticed that post 4.x relase there is a left padding of 5% in content guided by this css property:
.td-post-content.span8 .td-paragraph-padding-1, .column_container.span8 .td-paragraph-padding-1 {
padding-left: 5%;
padding-right: 5%;
}
Where as there is no such padding on sites running 4.x..so why is it and how to fix it?
Hello, I’ve added an image (logo) to my Menu and need to style the image to fit.
What CSS code do I add to the Custom CSS area to adjust its location in the menu? I believe, I need to either raise it up about 30px or increase the the menu’s bottom padding by about 40px? I’m just not sure what CSS code to use? Also, I can’t find a .menu-item-# for it.
Thank you again for your great theme!
@Shashank
Hi, if you look at the page speed sticky topic, my settings for mod_pagespeed I’m using with theme are found there, along with my htaccess TTL/expiration settings and robots.txt file, etc. 🙂
Basically mod_pagespeed can strip out all comments, and remove spaces and double line breaks. It doesn’t make a 300 foot long single line of code, but big whoop on that; it’s doing it on the fly and caching stuff, so not going to complain 🙂
I would not combine the CSS or JS files, since what if a specific function module is looking for site.js and you combined that with something else, it will break — I think the config that Radu and Co have done, along with their speed booster take care of a lot of that. You would kind of have to experiment on that one if you want to try to combine things.
Yes, you do need to leave white space and not “fill up” the menu or it will wrap on things like iPad portrait mode.
Ideally overflow should be hidden, or we should have option to add CSS to each menu element such as “hidden-tablet” to the rightmost menus which would then remove those items from the layout.
I guess if you’re using php, then it’s a different problem than what I thought you were having since CSS should ideally be able to hide portions of a CSS menu on specific devices, but no idea how to do that with the theme.
Thanks for your suggestions Chris, I’ll probably minify the js and css files manually and then replace them but what about combining? Is there something out there for this purpose too?
And I would like to hear more about your mod_pagespeed html minification, may I try it out if you share your codes. 🙂
Cheers