Hello
I have found many pieces of code on the internet to try and create a corner ribbon on the featured image. I want to use the corner ribbon to advertise a “price” for my product. Like this maybe ?
http://jsfiddle.net/H6rQ6/9448/
My site is setup for products and for blogging using categories. So i don’t want to do this sitewide. I only want to add a corner ribbon to all featured images in a few categories. (Other categories are not products but blog posts)
My question is.. Can I just type in some line of code to the post text box and it will make a ribbon over the featured image for just that one post (or how many I want to do that to).
I understand there needs to be code in the style.css or functions maybe, i’m not sure..
Any help is always appreciated.
Thank you so much.
Hi thanks for a great theme! I recently setup our site with MaxCDN and integrated into W3TC plugin. I read thru your documentation carefully — making sure to only use for page cache, not JS minify or anything else.
After implementing the CDN, I next tried using a plugin called Imsanity to optimize all my images. Somehow once I regenerated all my images, it seems to have broke my CSS. Especially the woocommerce product image sizes.
Our site is http://www.askdrmaxwell.com
Can you please take a look at the homepage (towards the bottom) there are 5 products, and they are supposed to be all next to each other in one row.. however now the spacing is all jumbled and not right.
Also on any individual product page, the images are now much too large! I’ve tried to set woocommerce product size in woocommerce settings.. and then use regenerate thumbnails plugin, and also reset cache. However, this does not fix the issue.
Can you please help?
Thanks again!
James
Hi bro,
I want to know, how to create attachment page like this in Newsmag theme? http://imageshack.com/a/img903/3718/PQqseb.png
Previously, I’ve been using the Morning wpzoom theme and I could make the attachment page manually in Stylesheet (style.css) and Image Attachment Template (image.php). Sorry my English is not good … hehehehe
Thanks…
Hello again,
currently I am using the following code at the bottom of a post:
<p style="text-align: center;"><span class="wpb_button wpb_orange wpb_size_large2">BUY NOW for $85.99</span></p>
It is not converting to sales. The button looks too much like a social share button.
How do I add a graphic button of my own making to the css? I would still like to have a text link that says BUY NOW for $85.99 and have the graphic be in background of the link. I understand I will have to noodle with the padding maybe to make sure it is centered correctly.
What file? Any code is always appreciated.
Thank you so much!
Hi Lucian,
this problem only appears when I use the Big Grid. The categories are NOT set up in any menu (and they are not set up as subcategories). They just exist as categories because I am planning to use them as parent categories in the future. When I use another block than the big grid everything is fine. This is why I still think it is a bug.
Anyway, I will hide it via CSS (or will not use the big grid).
Thanks a lot,
Carolin
Hi Lucian,
I didn’t put my thought correct.
I do understand that these are filters, that make these extra URL. But I would like these elements to be closed from index so that they do not appear in the search, because the system that I use for site analysis says that the pages I mentioned above are duplications.
So once again. I would like to have on my site quite clear structure: categories and posts. All the rest:
( – ?filter_by=featured/
– ?filter_by=popular/
– ?filter_by=review_high/
– ?filter_by=random_posts/
– ?filter_by=popular7/)
I would like to exclude from search and use only as navigation. Could you please help with the issue?
One more question.
While analysing the page I faced the problem of html errors. In one post according to system there are 39 of them. http://pix.my/BhzYLetj
Most of them are the following:
Error Line 34, Column 216: Attribute itemprop not allowed on element meta at this point.
Error Line 549, Column 198: & did not start a character reference. (& probably should have been escaped as &.)
Warning Line 557, Column 545: The name attribute is obsolete. Consider putting an id attribute on the nearest container instead.
Error Line 593, Column 150: The frameborder attribute on the iframe element is obsolete. Use CSS instead.
I’m not a programmer and can’t estimate the importance of mistakes. Could you please kindly comment on the issues mentioned?
Sincerely,
Vladimir
Hi,
Thanks for the awesome theme.
i use Newspaper in RTL mode.
i have some issuse with blocks resposive on mobile too
Best regards.
Hi,
You can use this custom css to change the color of the social icons, like this: http://screencast.com/t/SdtmsHDItbY
.footer-social-wrap i {
color: red;
}Please let me know if this helps!
Thanks
Hi,
I have checked your site and found that your link aren’t appearing as link is because you don’t have them as links.
You need to do as Christopher suggested and add your link’s into an html anchor tag then use the css below to set a color for them: http://screencast.com/t/R5MchevoBQJy
.widget_text a {
color: #7bc6f1
}
Thanks
Hi,
Please provide more details about the boxes you want to change color on author page and also provide your site’s URL.
Here is how you can change the author box background-color: http://screencast.com/t/tr4BFciDN8
Use this css:
.author .author-box-wrap{
background-color: blue;
}
The twitter share opening in two windows appears when using two twitter instances on the same page. This is a common twitter issue and we are still trying to find a solution for it.
Sorry for the inconvenience and thanks for the message!
Hi,
You can also do it via custom css if the panel doesn’t help you with it. Use the font-weight property: http://www.w3schools.com/cssref/pr_font_weight.asp
Thanks
Hi,
Please try this custom css: http://screencast.com/t/5k5sGpxn7VO
@media (min-width: 1024px) {
#cse-search-box input[type=text] {
width: 89%;
max-width: 89%;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
#cse-search-box input[type=text] {
width: 85%;
max-width: 85%;
}
}
@media (max-width: 767px) {
#cse-search-box input[type=text] {
width: 80%;
max-width: 80%;
}
}
@media (max-width: 500px) {
#cse-search-box input[type=text] {
width: 76%;
max-width: 76%;
}
}
#cse-search-box input[type=text] {
border: 0px solid rgb(126, 157, 185) !important;
}Please let me know how it works for you!
Thanks
Hi,
Thanks Christopher! The show/hide categories tags mentioned in the changelog refers to single post pages.
@Larane All this items: http://screencast.com/t/7tszADEk should be subcategories of the selected category meaning that they will appear there if there are set as subcategories.
Ex: – http://screencast.com/t/J0FkIHBatQ Result: http://screencast.com/t/B3Z3nJcX
Unfortunately there is not option to disable them but if you don’t want theme there you can remove this code: http://screencast.com/t/sZVvmYk5TT or hide them via css.
Thanks
Hi,
For views to appear on module view you have to make some changes to the module file you wan to use and add this line <?php echo $this->get_views();?> to it like this: http://screencast.com/t/mvPFV3j1 then add the get_views function to the td_module file, like this: http://screencast.com/t/0CQ0vPrc
This is an example for the 7 module but you can do it for other module as well.
Result: http://screencast.com/t/nHmm5cLZ1L
Here you have the get_views function: http://pastebin.com/yfvFpeKa
The comments/views icons are added via css using the newsmag font, like this: http://screencast.com/t/HrqO1w3usey
Hope this helps!
Thanks
You know. I think I get the stupid prize (face palm!).
For some reason I thought you were trying to implement Google’s custom search for YOUR site, and not the adsense affiliate search box.
Doh. Two totally different things entirely, even though your title for support CLEARLY says that.
Wow, that’s twice this week I was clueless on the reply. Definitely time for a vacation.
Sorry about that …. I have no clue how to style the affiliate/adsense box, as that loads from javascript provided by Google. Only way to do that with your own CSS is to view the page source, grab the rendered code and then hack that, and then place that on your page in place of their javascript.
Or, do what you were trying to do with the CSS you’ve found. Hitting F12 in Chrome and then looking at that code and styles might help you track that stupid box code down too.
Sorry I have my dunce cap on. I am really multi-tasking and popping in here while doing two things at once on two big 24-inch Apple LED Cinema displays.
Anyway… hope I at least stimulated the neurons, even if my solutions were completely unrelated to what you’re doing, other than being goofy Googleverse CSS.
I identified the cclass as wpb_wrapper , I can manage to add a custom css for i am not sure what to add so the button is not pushed down….:( any ideas?
Thanks again for the help!
Well, since it’s not part of the theme, and the CSS classes are part of Google’s code; the only way to “over ride” that is by putting some kind of CSS in the custom CSS box. Kind of up to you to solve, but “official” support might offer to write code for you.
I’m sorry for incomplete css:
a.zoomLink{
display:block;
}
.zoomHover{
margin:auto!important;
Result: http://screencast.com/t/ZUeaEvhRO
Hope this helps!
…and changed files:
Newsmag theme
Here is a list of all the changes between v 1.2 and v 1.3
Modified files – 44 files
• footer.php
• functions.php
• includes\less_files\comments.less
• includes\less_files\header.less
• includes\less_files\pagebuilder\modules\module_14.less
• includes\less_files\pagebuilder\modules\module_mx3.less
• includes\less_files\pagebuilder\modules\td-slide.less
• includes\less_files\post-templates.less
• includes\less_files\post.less
• includes\less_files\retina.less
• includes\less_files\woocommerce.less
• includes\modules\td_module_14.php
• includes\modules\td_module_8.php
• includes\modules\td_module_mega_menu.php
• includes\modules\td_module_mx1.php
• includes\modules\td_module_related_posts.php
• includes\modules\td_module_single.php
• includes\modules\td_module_slide.php
• includes\plugins\revslider.zip
• includes\plugins\td-social-counter.zip
• includes\td_config.php
• includes\td_css_generator.php
• includes\wp_booster\td_fonts.php
• includes\wp_booster\td_global.php
• includes\wp_booster\td_module.php
• includes\wp_booster\td_page_generator.php
• includes\wp_booster\td_review.php
• includes\wp_booster\td_translate.php
• includes\wp_booster\td_util.php
• includes\wp_booster\td_wp_booster_functions.php
• includes\wp_booster\wp-admin\content-metaboxes\td_set_homepage_loop.php
• includes\wp_booster\wp-admin\content-metaboxes\td_set_post_settings.php
• includes\wp_booster\wp-admin\content-metaboxes\td_set_reviews.php
• includes\wp_booster\wp-admin\content-metaboxes\td_set_smart_list.php
• includes\wp_booster\wp-admin\panel\ajax_views\td_category.php
• includes\wp_booster\wp-admin\panel\td_panel_generator.php
• includes\wp_booster\wp-admin\panel\td_view_import_theme_styles.php
• includes\wp_booster\wp-admin\panel\views\panel_block_settings.php
• includes\wp_booster\wp-admin\panel\views\panel_excerpts.php
• includes\wp_booster\wp-admin\panel\views\panel_post_settings.php
• includes\wp_booster\wp-admin\panel\views\panel_template_settings.php
• includes\wp_booster\wp-admin\panel\views\panel_theme_fonts.php
• loop.php
• style.css
New files – 9 files
• includes\panel\views\ajax_views\td_theme_fonts.php
• includes\panel\views\panel_theme_colors.php
• includes\stacks\classic_blog.txt
• includes\stacks\fashion.txt
• includes\stacks\sport.txt
• includes\stacks\tech.txt
• includes\stacks\video.txt
• includes\wp_booster\wp-admin\panel\td_panel.php
• includes\wp_booster\wp-admin\panel\td_view_panel.php
Deleted files – 32 files
• images\icons\social\sprite\style1-16.png
• images\icons\social\sprite\style1-16@2x.png
• images\icons\social\sprite\style1-32.png
• images\icons\social\sprite\style1-32@2x.png
• images\icons\social\sprite\style1-64.png
• images\icons\social\sprite\style1-64@2x.png
• images\icons\social\sprite\style2-16.png
• images\icons\social\sprite\style2-16@2x.png
• images\icons\social\sprite\style2-32.png
• images\icons\social\sprite\style2-32@2x.png
• images\icons\social\sprite\style2-64.png
• images\icons\social\sprite\style2-64@2x.png
• images\icons\social\sprite\style3-16.png
• images\icons\social\sprite\style3-16@2x.png
• images\icons\social\sprite\style3-32.png
• images\icons\social\sprite\style3-32@2x.png
• images\icons\social\sprite\style3-64.png
• images\icons\social\sprite\style3-64@2x.png
• images\icons\social\sprite\style4-16.png
• images\icons\social\sprite\style4-16@2x.png
• images\icons\social\sprite\style4-32.png
• images\icons\social\sprite\style4-32@2x.png
• images\icons\social\sprite\style4-64.png
• images\icons\social\sprite\style4-64@2x.png
• includes\stacks\demo_classic_blog.txt
• includes\stacks\demo_fashion.txt
• includes\stacks\demo_sport.txt
• includes\stacks\demo_tech.txt
• includes\stacks\demo_video.txt
• includes\wp_booster\wp-admin\panel\td_panel_start.php
• includes\wp_booster\wp-admin\panel\td_view.php
• includes\wp_booster\wp-admin\panel\td_view_import_category.php
by tagDiv 2014 🙂 | http://tagdiv.com | Our portfolio
It’s inside the archive when you download it. They usually copy it to here and the Newsmag page on Themeforest, but here’s what it looks like:
[ V 1.3 ]
– improvement: added translation for EVEN MORE NEWS widget from footer
– improvement: added in Theme Panel -> Custom Typography: Footer text under logo
– improvement: added in Theme Panel -> Post settings: Show/Hide categories tags on single post page
– improvement: added in Theme Panel -> Custom Typography: Subtitle for post
– fix: slider height when the screen size is smaller then 320px
– fix: removed image captions that appears in post excerpt
– fix: reviews stars number display
– fix: added break-word for comments text
– fix: php notice when source or via have no url
– fix: sharing show/hide issue
– fix: twitter share strange characters in title
– fix: facebook like button show on https
– fix: load default style stack was not working
– fix: module 14 css bug
– fix: added module MX 4 to the excerpt panel
1) you would need to look at rendered page, find the class for the box, then add to custom CSS with the !important tag. On our business site we were not using WP, but using Bootstrap 2, and so ran into same issue with the default form CSS. Took a bunch of tries to figure out how to get it to be short, and search button at right. If I had the trick for this theme handy, would totally share it.
2) I think you can change the lines for the theme from grey to white to “remove” them as the simplest fix.
You would need to add CSS for the class being added by Google. Nothing to do with the theme.
You should look at the docs on styling the Google search elements. I just had to do this on our business site. Bit of a pain. Basically you have to create a class which sets the width of the search box, and then add that class to the box element for the search box.
Hi,
Please try the following css: http://screencast.com/t/TndjGhz4
.comment-meta .comment-reply-link {
color:black;
}
.comment-form .logged-in-as{
color:black;
}
.comment-link time{
color:black;
}
.td-author-post-count .td-author-comments-count{
background-color:#
}
And this css for the second issue:
.td_top_authors .td-author-post-count{
background-color:red;
color:black !important;
}
.td_top_authors .td-author-comments-count{
background-color:red;
color:black !important;
}
Result – http://screencast.com/t/mNhYPk8F8F33
I didn’t know exactly if you want background or color and I put in code both of them.
Thanks!
Hi,
First image is block display, second display:inline-block.
Please try the following css:
a.zoomLink{
display:block!important;
}
Thanks!
I have a problem with the top ad.
It keeps shifting to the next line. I have no custom css yet. I used the following code to insert the ad:
<div class="td-visible-desktop">
<a href="http://google.com" target="_blank"><img src="" alt="" /></a>
</div>
All my images are the right sizes (checked)
It happens primarily on ipad in landscape, and also occurs on firefox when i activate firebug.
When I look at the demo site, the logo is placed at the left border and aligns with the menu bar. On my site strangely has a padding of some sort… Same for the right site.
What is happening?
