Search Results for 'css'

Got a little more time on my hands to explain it now, so here it goes.

Everything I will post is regarding the desktop (1141px+) view, and the code is in the Advanced CSS -> Desktop Box.

The code I’m using is as follows

.single_template_7 .td-backstretch{
transform: translate3d(-50%, -25%, 0px) scale(1.15, 1.15)!important;
}
.td-post-template-7 .td-post-header{
height:850px;
}

The image I am using is this one. The dimensions are 1920×1280

This is how the post displays on a full HD monitor (1884 width image) It looks absolutely beautiful (IMO) – Preview

If you resize the browser to emulate smaller series, a black bar begins to appear at the bottom as the image is resized dynamically. Due to the new 850px height, the image no longer covers the required area. – Preview (Note the black bar at the bottom)

As I continue to resize the browser, the black bar enlarges as the image gets smaller and eventually begins to look quite bad. Preview

As you can see, it’s still cutting off quite a large amount of the image at the top, despite the black bar appearing at the bottom. Is there a way to…’pin’ the bottom of the image, to the bottom of the header image display area, so it’ll stop creating a black bar? I can move the image down, but then it starts to cut off the bottom of the image more…and motorsport is a pain in that the car is always at the bottom. So being able to pin the bottom of the image to the bottom of the header area would solve it.

Because the mobile devices have a relatively narrow window width they operate in, it doesn’t really cause a problem in those views and I can manage it. It’s the fact that desktops have to range from 1140 up to 1920 that’s causing an issue.

Hope this explains things a bit better!

• This reply was modified 8 years by ds.ellis.

I don’t think that a generic article is going to help me fix this error.

Please read the related tickets that I linked to in my original request (above):
“Chris S #192272
Sep 7, 2017 at 1:44 am
This happens when you update theme or main WordPress …

nothing to fix; normally you will have one of these, unless hacker slamming that directory. So, with one you just mark as ‘fixed’ and move on.

That should so be in the WP documentation — which they are finally going to redo (won’t be called ‘codex’ any more for 2018!). ?”

“Chris S #192418
Sep 7, 2017 at 7:09 pm
I think we did something on one site for that,
we made an index.php file that had a refresh header …

although I think we then instead did an htaccess file for the them folder,
and did 301 redirect for index.php to home page of site. Something like that.

Downside is you need to replace those each time theme is updated.

Or, just grimace when you do theme update and month later see that single entry in your search console. I usually just go “(sigh) … stupid Google…”

I mean, how stupid do you have to be in the data mining business to not auto-ignore /wp-content/themes/ for indexing ANYTHING? Duh.”

I have found a possible solution on other support forums:

Hi!

Yes, having read the Yoast article https://yoast.com/dont-block-your-css-and-js-files/ i’d suggest not blocking all theme resources, however i think index.php should not be read directly by crawlers (or visitors) because it will always result on a PHP error, you could try one of these two workarounds:

Redirect theme index.php to root (this will apply to all visitors), .htaccess code (you could extend this to child theme directories or plugins):

RewriteCond %{THE_REQUEST} ^[A-Z]{3,9}\ /wp-content/themes/enfold/index\.php\ HTTP/
RewriteRule ^wp-content/themes/enfold/index\.php$ http://DOMAIN.com/ [R=301,L]
Or simply disallow only index.php in the theme folder, robots.txt code:

User-agent: *
Disallow: /wp-content/themes/enfold/index.php

Please advise.

• This reply was modified 8 years by miket.

Thanks again Simion. Problem is i have different blocks with different colors tabs. When i add the CSS code for the color and border, all the ‘Load more’ texts in all blocks become the same color (obviously).

So my first block is blue, so the ‘Load more’ button needs to be blue too. How can i specify specific colors for each block? If you dont know what i mean, please take a look on https://www.dagonline.nl. Thank you.

• This reply was modified 8 years by Eric V.

Well, it’s okay, thanks anyway Catalin. I tried uninstall and install again, after cleaning cache, and nothing. Maybe it will start working again, for some reason. I’ll go back starting using the backend CSS option on theme panel.
Thanks! 🙂

Hello Catalin.
Exactly. But i want 1 colour for each of the category. It would be awesome to have an option for it on Theme Panel, just like it is for page category.
But if i have to use CSS now, what can i add? That code you sent me i already use it, thats how i put all the category in orange.
Regards

Thanks for your esponse, but it does not have the most important piece of info I need. What is the code I need to put in my Custom CSS to have the desired by me 970×250 ad box appear below the MAIN MENU & the TRENDING NOW ticker line in the header.

Please advise.

Thanks,
Peter

Hello Catalin
yes i have created and adjusted the rtl.css file

its weird why you haven’t included yet the Arabic support language!
it’s definitely worth it comparing to the amount of refunds you are doing because of this!