Hi,
You use Jetpack Photon – http://jetpack.me/support/photon/ that’s why the image link looks like this – http://i0.wp.com/www.pickperclick.com/wp-content/uploads/2014/08/maxresdefault7.jpg?resize=326%2C159
Without this CDN the link should be something like http://www.pickperclick.com/wp-content/uploads/2014/08/maxresdefault7.jpg
I’m not sure I understand what do you mean by recenter it, the image it’s only cropped, other then this it’s not different from the original, other than the size of it off course.
WordPress has some default cropping sizes http://screencast.com/t/ifk8fE1HYk and we added more sizes inside the functions.php file – http://screencast.com/t/2QaaubXnqxL
Those sizes are used on modules and sliders (including the Big Slider) , you can read here about the thumbs used on modules and sliders –https://forum.tagdiv.com/modules-and-blocks/
If the image is smaller it will not be cropped, you can’t crop and image that has 200×300px to 700×300px, it can only be upscaled and wordpress doesn’t have such a feature.
Hope this helps!
Thanks
-
This reply was modified 12 years by
Lucian.
Hi,
That space is the title of the post, as you can see the post title is white and when displayed on mobile the post title slides under the image and because it’s white it gives the impression that a large gap is there http://screencast.com/t/4MMjlso9wG
You can fix this by changing the post title color, use this custom css for this:
@media (max-width: 767px){
.single_template_3 .td-post-header-full header .entry-title {
font-size: 28px;
line-height: 32px;
margin: 0px 0px 14px 0px;
color: inherit;
}
}
Thanks
Hi,
You can use this css, add it in theme panel > custom css:
@media (min-width: 768px) and (max-width: 1018px) {
.sf-menu > li > a {
width: 70px !important;
font-size: 12px !important;
text-align: initial !important;
}
}
Hope this helps!
Thanks
Hi,
I’m not sure at which one are you referring too, I suppose it would be the post style 3 which gives you this result with the feature image: http://screencast.com/t/gfg0onESJN3 and you can set it like this: http://screencast.com/t/25r2IZDMC
Hope this helps!
Thanks
Hi,
Can you please give us wp-access so we can check this? Please provide your wp-admin user and pass at contact@tagdiv.com and also include link to this topic in your message or specify the issues details.
Also until we can offer you a solution I can suggest you to use the filter by tag feature http://screencast.com/t/zqqRyDsY This way you will control which posts will be displayed within that block, just add a specific tag to the post you want to add and then add that specific tag into the “Filter by tag slug:” filed also.
Thanks
Hi,
Thanks for the suggestions, unfortunately not all of them can be achieved within the theme and i’m referring to the forth suggestion here, those separator between columns can’t be added because the grid was not designed to support that.
Regarding other suggestions they can be done trough the use of a plugin for that buttons for sharing you can use this plugin which I think it’s the same with the one used in your example https://wordpress.org/plugins/mashsharer/
The avatar can be added with some custom work or try to find a plugin that dose just that.
About the font size/zoom buttons you can also use a plugin if you want that, like this: https://wordpress.org/plugins/zoom-widget/ or similar.
I will also add this suggestions on our feature requests list but because we have over 150 feature requests we have to pick very carefully what we implement. If more people request this feature we will try to do it within future theme updates.
Thanks for the message!
Hi,
Like @TheMediumUTM wrote the font is dictated from body tag if it’s not overwritten. You cloud target a specific page and change it’s content font(size, family..), send your site’s URL or from the page you want to change the font and I will provide you the custom css that you can use to change the font only on that page.
Thanks
Hi,
That the way!! Thanks @TheMediumUTM!! Just add the .td-post-sidebar class also so these changes affect only the sidebar widgets.
.td-post-sidebar .widget {
padding-bottom: 20px;
}
Thanks
Hi,
Thanks again @TheMediumUTM!!
You could only put the link of the video on the feature video and remove it from post editor text area, this way the video will appear on post page without you having to add it in post content.
Also if you want a video to appear on your post content just paste the link where you want the video to be displayed in the post content.
Hope this helps!
Thanks
Hi,
@TheMediumUTM Thanks!
You can create a popular video widget in your sidebar using “[tagDiv] Slide” widget and filter the slider to show popular videos/posts, like this http://screencast.com/t/zFKDspkLW9s or like @TheMediumUTM wrote you can filter the posts by tag and add them in the slider.
For the child categories, like this http://screencast.com/t/727gnoDZvnlY
Thanks
Hi,
1. The featured image thumbs for the big slider are automatically cropped when they are uploaded, don’t fit inside the slider’s container you would have to regenerate thumbnails like @TheMediumUTM suggested https://forum.tagdiv.com/how-to-fix-strange-thumbnails/
2. Unfortunately you can use different stacks for individual pages/categories.
Sorry about the inconvenience.
Thanks for the message!
Hi,
Thanks @TheMediumUTM, that’s right!!
@sbo
You would have to use a more specific selector, try using this id #td-top-mobile-toggle on mobile, like this:
@media (max-width: 767px) {
#td-top-mobile-toggle .sf-menu {
display: block;
float: left !important;
margin-left: 0px;
margin-right: 0px;
}
This way you will select only the mobile menu and the other will remain hidden like it should and you will be able to center the menu as you like but you will also have to center or work on the search icon also.
Thanks
Thanks @Christopher /@TheMediumUTM!!
-
This reply was modified 12 years by
Lucian.
Hi,
I’m not sure that I understand what are you trying to achieve, I have noticed that you figured out that the menu items are all withe because of the active status they have which dose nothing when hovered because are already white like you said.
You cloud try to change the link color when hovered and use something different from white.
Hope this helps!
Thanks
Hi,
Glad you figured it out!
Thanks for sharing!
Thanks @Christopher!
Hi,
As you can see this is the description for your site http://screencast.com/t/FTNLA63urAW
You can change this using your seo plugin or you can use WordPress SEO by Yoast plugin, edit you homepage and the add your description here http://screencast.com/t/OG2ssGLXqu
Thanks
Hi,
Add the css like this:
.td_mod_wrap .entry-title a {
font-family: Merriweather !important;
font-size: 22px !important;
line-height: 28px !important;
color: #000000 !important;
}
Should work, like this: http://screencast.com/t/8eQZdDwc2
Just change the font-family/font-size/line-height/color as you like.
Thanks
Hi,
You can look at the existing templates to see how are build:
http://screencast.com/t/xTrpMYy1rurF
http://screencast.com/t/8BammUeL
If you don’t have basic programming skills you can hire a developer to do this for you.
Thanks
Hi,
For that you will need to regenerate thumbnails, that will create the thumbnails needed to fill that container.
That should solve your problem.
Please send me your site URL so I can check this if you can manages to resolve this.
Thanks
Hi,
Please add this custom css in theme panel > custom css:
.postid-33 .td-g-rec-id-content_inlineright {
display: none;
}
This will work only for the post page that you provided http://parisjourney.com/about-me
About the other 2 pages I haven’t seen any inline ads there.
You can do the same with other pages.
Hope this helps!
Thanks
-
This reply was modified 12 years by
Lucian.
Hi,
I have checked your site and seems like the big slider post title look fine, have you managed to solve this?
This is the normal look of the title on big slider large image: http://screencast.com/t/iXHuXXfKA0Dr
You can change this from td_module_slide_big.php file like this: http://screencast.com/t/tdeImp5vTLJ
If you change that two values you will get this result: http://screencast.com/t/0g5Mdwj0jPrz
Here is the option for changing the big/small images title from big slider http://screencast.com/t/QbxAUrx5C
I have noticed that you have 3.8 theme version and i’m not sure but i don’t think you have these feature in that version so you should update the theme if you want to have this.
For the small images you can change the font-size and line height using this custom css, add it in theme panel > custom css:
@media (max-width: 1020px) and (min-width: 768px){
.iosSlider .td-big-grid-post .td-big-grid-title a {
font-size: 10px!important;
line-height: 10px!important;
}
}
Adjust the size as you like by changing the pixel value.
Hope this helps!
Thanks
-
This reply was modified 12 years by
Lucian.
Hi,
First of all please make sure you have activated this feature from Theme Panel, like this: http://screencast.com/t/ecSgkbolvD2
Second please try to disable all plugins leaving enable only those the theme recommends and check if the sticky menu starts working.
Also make sure you disable Cloudflare rocket loader and JS Minify if you are using.
Hope this helps!
Thanks
Hi,
I have checked your site and found no issue the images used for the thumbs aren’t re-sized, those thumbs are loaded at that specific size http://screencast.com/t/DmNJr8fLr not at full width, I believe the ?resize=326%2C159 comes from thumbs name.
You can check yourself, open the image and see it’s loading just a thumb of it: http://screencast.com/t/pGWNgUDx0
Thanks for the message
Hi,
(1) Use this custom css, add in theme panel > custom css:
#rev_slider_1_1, #rev_slider_1_1_wrapper {
max-width: 100% !important;
}
.vc_custom_1407888735315 {
float: left;
}
@media (max-width: 767px){
div.vc_custom_1407609364791 {
background-color: white !important;
border-color: white !important;
}
}
(3) Like I said we will look into this and try to fix it in the next theme updates.
(4) Try this css, I have tested it and should work fine for you too, no extra spacing added, just moved the menu to center: http://screencast.com/t/fQsFTy292CPO
.td-menu-wrap #td-top-menu {
margin-left: auto;
margin-right: auto;
display: table;
padding-left: 0px;
}
Thanks for the message!