Hello!
I have two questions.
At the beginning of my post, when I have a featured image, the featured image appears
At this point, how i can align the position of the featured image to the center
I also wonder how to center the caption of the characteristic image.
Please teach me with css or php.
I would appreciate your reply.
Please teach me with css or php.
Please look at the link if necessary!
https://storage.googleapis.com/allrever.com/2018/09/9657f8d8-question.jpg
Hello –
I’m using a Single Image element and have set my image height to 250px so it’s nice and big on desktop + iPad viewports BUT when I view on an iPhone, the image width shrinks nicely within the row but the element is still taking up 250px height – so there is a big bunch of blank space between the image and then the next content element.
Is there some CSS that I can use to target the smaller mobile viewport and reduce the height of the Single Image element to 125px on those screens?
Thx!
Dale
I am talking about the articles already posted on my site… and its not possible now to manually change each article….. Kindly give me suggestion doing it from custom css or any other.
Hello isdreams,
Use the code below and place it in Theme panel -> Custom CSS area.
.header-search{
display:none;
}
The result is here -> https://www.screencast.com/t/1Tl55LEUYc
Thanks.
Hi,
You can do that by simply change a line of css code, but this must be done manual for all image you want to be full width.
I think will be more simple if I give you an example: Create a new post, add a media click on “Text” ( https://www.screencast.com/t/QX55BoNLs1 ) , remove height, and make the width=”100%” ( https://www.screencast.com/t/qz3v4F5EE ) this will do your task.
See the results with sidebar: https://www.screencast.com/t/x3r9A7tU
See the results with out sidebar: https://www.screencast.com/t/IlzroF5QTV
Thank you.
If the theme is updated, should I change it every time? I wonder if there is a way to change it in a child theme or CSS
Hi,
You can do that by add a css, go in Newspaper> Theme panel > Custom code > Custom CSS and ad this css:
.wp-caption-text{
font-size: 16px;
}
You can put any size you like .
https://www.screencast.com/t/vN4mJuqtJ
Thank you.
Hello Arafat,
This is a customization and we cannot provide this kind of services at the moment. Please check the following tutorial from here -> https://www.w3schools.com/css/css3_shadows.asp for more information about how this can be done. Also, you need to use the inspector browser which helps you create your custom CSS code from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thanks for your understanding!
You could do that in the page itself. The tagDiv composer or Visual composer (depending on which one you use) have options to set a border around elements
– https://www.screencast.com/t/g0sXtYQJ8D
Also there are options to stretch the row to full width if needed
– https://www.screencast.com/t/sww5whA7Y
So there would be no need to use CSS code to do something like that.
Hello Tengel,
Provide your website so I can take a closer look at it. Notice that section can be removed from page editor or if you will use such a custom CSS code.
Thanks for the message!
Hello,
Did you update the child theme? A child theme needs to be updated to the current version of the theme also. The child theme cs does not contain any css rules. The file just points to the theme css file. Please use the child theme provided in the theme package for testing purposes (back-up your existing child theme beforehand. )
Thank you!
Hi,
It happens because of this code – https://www.screencast.com/t/g71b5oIA
If you use that code for the desktop situation, move it from the general custom CSS section in the Advanced CSS – desktop section. This way it will not affect phones for example and cause this problem.
Hi,
In this case the best way is to add directly to the icon the css padding
You need to add style=”padding-right:10px;” inside of img like this https://www.screencast.com/t/PRaqEySVs1
the code is .
If you want you can change from 10px, that is just an example.
See the results: https://www.screencast.com/t/q0reunprg
Thank you.
Hello interfans,
You should target only that Block from this page. I suggest you to use the Inspector Browser to create your own custom CSS code from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thanks for your understanding!
Hello isdreams,
You should use such a custom CSS code if you want to hide that functionality. Provide your website URL so I can provide a more accurate code.
Thanks for the message!
When i have a featured image, i will see featured image at the top of the post.
at this time, Do you know how to center the image of featured image?
If you know about options or css, please comment.
Hi, is there a workaround for SpeedBooster? It seems to be the only remedy for Render Blocking js/css issues but the plugin conflicts with many many other necessary plugins, even basic WP ones like Askimet.
Will this process work with conflicts?
5. Remove render blocking css/js – using the TagDiv SpeedBooster plugin (advanced users)
Render block is heavily penalized in SEO. I would be surprised if there is no workaround.
Thanks for any insight anyone may have.
This was being screwed up by custom CSS. It has been solved by removing the code. Thank you.
Hi, I want to add a shadow to the under the mobile menu like this: https://prnt.sc/kv0ziv
So how to do this used custom CSS?
Thanks!
I copy and pasted the code below into “custom css” but the background color is still showing up as black.
.td-post-category {
background-color: #2ca6cc;
}
Hi there,
I did some extended testing and it’s the tagdiv booster plugin. when enabled it renders the style css from the main theme before those added in the css of the child theme.
As you mentioned it’s not any other plugin it’s css in child theme style.css!
I suppose I’n not the only one facing this issue.
Looking forward to your reply.
Hello again,
One last thing. In the mobile menu of my site https://pasp.org.cy, the button that it is used to open it (3 horizontal lines, i think it is called the burger button) is not aligned in the center of the menu vertically.
See example below.
I am sure that it can be solved using css but can’t find the solution. Pls advice.
See this guide https://varvy.com/pagespeed/leverage-browser-caching.html.
Also, there are many topics here in the forum in terms of speed improvements and optimization.
– https://www.infophilic.com/get-almost-100-pagespeed-newspaper-theme/
– https://forum.tagdiv.com/topic/score-100100-pagespeed-with-newspaper-wordpress-theme/
– https://forum.tagdiv.com/topic/newspaper-theme-speedify-your-website/
– https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/
– https://forum.tagdiv.com/topic/tip-how-to-easily-minify-your-css-without-breaking-your-site/
– https://forum.tagdiv.com/cloudflare-cdn/
– https://forum.tagdiv.com/how-to-make-the-site-faster/
Also the theme requirements guide – https://forum.tagdiv.com/requirements-for-newspaper/
Try disabling CSS minification in w3 total cache. Better yet, use Wp Super Cache as recommended by the team. I would recommend you use wp fastest cache instead of total cache though if you don’t like super cache.
Try this code in the custom CSS section. Change the font name as you wish
#reply-title{font-family: Arial;}