I was set for everything, but while searching for something on my site, I saw this http://i.imgur.com/A3WPVVp.png. Titles of the articles go beyond the search box. This is on header 8. When I use another header it works fine.
Is there any way to remove the gap that a picture has below when there is a caption?
I am using the code to show the caption inside images instead below of them.
.wp-caption-text {
text-align: right;
padding: 0px !important;
position: relative;
top: -20px;
right: 5px;
color: #fff !important;
}
Yet there is a gap below that I do not want. Any way to remove that gap?
Hi,
1. For the search issue use this CSS
.td_mod_aj_search .entry-title a {
white-space: normal;
}
2. Can you provide a link to inspect the issue?
Thanks!
Here is a link: http://goo.gl/otWeU6
One more thing. I am using the default template style. On my old articles, i have set featured images that are Full HD in resolution. The problem is that they appear in Full Res as featured images too, and the entire top of the site is taken by the image. example: http://goo.gl/pqOHQ1
Is there any way to force the images to show in smaller sizes as featured images?
Hi,
For your modified post template you need to find a way to add an extra class to the file template so you can target only featured image from that post style. How you can see there is a margin bottom that is added to all featured images but you cannot target it only on default template: http://screencast.com/t/yuxT42gUacQG also you can decrease title margin: http://screencast.com/t/DphpZvOy
You can use a max-height for your but again you will need an extra class in the template to target only for default style: http://screencast.com/t/yqevXVbeW8
You can add an extra div to the deatured image: http://screencast.com/t/MaEuexSVdY – http://screencast.com/t/HMv1tUzsKZo3
Thanks!
Is there any way to force the thumbnails to be displayed on a 16:9 resolution or 700×394? even if these images are in portrait, i want to force them to be displayed on 700 x 394.
Mashable has forced every thumbnail to be displayed on a fixed resolution. For example, see this old article http://mashable.com/2006/04/12/wikihow-community-powered-how-to-manual/. You can see that the image is scaled, even though it is disorted. Any way to do the same here?
Oh, I am also using parent categories. When I select a child category for a post and publish it, it automatically asigns the parent category too! Is there any way to disable this?
Or, is there any way to make menu containers, just like parent categories and have them displaying various categories. Basically, add a link to the menu, make it a mega menu which displays the categories I want.
Hi,
1. If you refer to the featured images you can change sizes here: http://screencast.com/t/GDZGdlzvk and then regenerate thumbnails using this guide: https://forum.tagdiv.com/how-to-fix-strange-thumbnails/
2. To not display parent category on post page please comment this line: http://screencast.com/t/TvyKamXn
3. Unfortunately there is no option for that, when you make a parent category megamenu it will display automatically subcategories. You will need custom modification for that.
Thanks!
Hi Alin,
2) By comment you mean remove?
Hi,
You can delete that code or comment using // like in the screenshot: http://screencast.com/t/TvyKamXn
Thanks!
This is probably the last question. How to make the logo smaller on desktop when you are on the top of the page, when the menu is large? I tried setting a max-width but it is not centered.
Hi,
You can use this css and change those values like you need: http://screencast.com/t/E43aNWYr
.td-header-style-8 .td-style-8-logo-wrapper .td-logo img {
max-width: 50%;
}
.td-head-style8-logo-desktop {
margin-top: 15px;
}
Thanks!
Hi, I tried this code and it worked:
.td-header-style-8 .td-style-8-logo-wrapper .td-logo img {
max-width: 60%;
}
.td-head-style8-logo-desktop {
margin-top: 7px;
}
But it makes the logo go below the navigation bar when the user scrolls down on the main site or mobile:
Here is the entire Custom CSS that I am using:
http://pastebin.com/aNVvdF3d
Hi,
From what I’ve seen it looks fine on desktop and mobiles, use this for the tablets screens:
@media (max-width: 1018px) and (min-width: 768px) {
.td-header-style-8.td-affix .td-style-8-logo-wrapper a img {
max-width: 141px;
}
}
Thanks
