Search Results for 'css'

Hi,

As far as i see, your site has no validation errors.

As i try, the theme injected script remains on amp pages so it gives an validation error.

AMP -Automattic
Accelerated Mobile Pages
Yoast Glue

Which plugin and setting combination did u use?

For example the following script is on regular page and how can you managed to disregard the following script on your amp page?

<script>

(function(){
var html_jquery_obj = jQuery(‘html’);

if (html_jquery_obj.length && (html_jquery_obj.is(‘.ie8’) || html_jquery_obj.is(‘.ie9’))) {

var path = ‘https://www.howtoisolve.com/wp-content/themes/Newspaper/style.css&#8217;;

jQuery.get(path, function(data) {

var str_split_separator = ‘#td_css_split_separator’;
var arr_splits = data.split(str_split_separator);
var arr_length = arr_splits.length;

if (arr_length > 1) {

var dir_path = ‘https://www.howtoisolve.com/wp-content/themes/Newspaper&#8217;;
var splited_css = ”;

for (var i = 0; i < arr_length; i++) {
if (i > 0) {
arr_splits[i] = str_split_separator + ‘ ‘ + arr_splits[i];
}
//jQuery(‘head’).append(‘<style>’ + arr_splits[i] + ‘</style>’);

var formated_str = arr_splits[i].replace(/\surl\(\'(?!data\:)/gi, function regex_function(str) {
return ‘ url(\” + dir_path + ‘/’ + str.replace(/url\(\’/gi, ”).replace(/^\s+|\s+$/gm,”);
});

splited_css += “<style>” + formated_str + “</style>”;
}

var td_theme_css = jQuery(‘link#td-theme-css’);

if (td_theme_css.length) {
td_theme_css.after(splited_css);
}
}
});
}
})();

</script>

To add to my previous post, there is a file called “style.css” located in the Newspaper template folder named “Newspaper-Child.” I don’t know if that has any baring on this, or if it needs to be moved.

Hi. I figured out the problem, but I cannot figure out the solution.

The problem is NOT what I stated in my previous emails. I stated that the sub-footer was skewed too far to the right. However, I realized later that the problem is with the social icons in the footer (not sub-footer). These social icons are skewed to the LEFT compared to all the other elements on my homepage screen. So I looked for some margin or padding issues in the CSS.

In the following CSS, when I changed ‘margin-right’ to 0, the social icons became closer together, but they also became perfectly centered. So the problem is that 30px is being put to the right of the right-most social icon (for me, the YouTube icon):

.td-footer-template-13 .footer-social-wrap .td-social-icon-wrap {
margin-right: 30px;
text-transform: uppercase;
font-family: ‘Open Sans’, arial, sans-serif;
/* responsive portrait tablet */
/* responsive portrait phone */
}

I am not familiar enough with the CSS and which classes govern which elements. I like having the 30px in between the elements, but obviously there should be ‘margin-right: 0’ for the final (right-most) social icon.

So would you please tell me how to fix this? Many thanks!!

Nick

Hello Bogdan,

This css didn’t solve our problems.

1- Group Admin text Size is too big.

2- Search bar is going to second row.

Could you help us to handle these problems?

Thank you,

Generally you can’t unless you create a custom template. Note CSS is very small if minified. Often you simply create a custom class like “.specialposty” and put that in your style.css at the bottom, or in the custom CSS box in theme panel.

.customposty{font-size:30px;border-bottom:4px:}

or whatever.

Then in your special post/page, just call that

<div class="customposty">
My special CSS for just this one page on site.
</div>

something like that.

If trying to modify existing classes on just one page; you might have to modify a template and name it after the post ID, where you would append a class to the existing inline classes. If that makes no sense, you might want to try different approach entirely.

• This reply was modified 9 years by simchris.

Thank you very much. the custom css worked perfectly!

Just the part with the background doesn’t really makes sense for me. I personally found the solution I was looking for but maybe interesting to know for others searching for help.

Thanks Catalin. I cleared my browser caches (on Chrome and Firefox). I also installed the WP Super Cache plugin according to the tagDiv tutorial and cleared the server-side cache. I am not using a CDN right now.

Despite all this, the sub-footer tagline that I have below my footer social icons is still skewed to the right. I am attaching a link here so you can see a close-up screenshot of this: https://www.screencast.com/t/vI3LQ6VdkVd

On the right side, the sub-footer line goes past the YouTube icon, but on the left it is “inside” the Facebook icon.

When I downsize my screen to tablet/iPad and phone sizes, the sub-footer becomes perfectly centered – it’s ok. It is only at the larger screen sizes that it is skewed right. I wonder if there is some padding setting in CSS that is doing this? I have tried modifying the CSS a lot but nothing works. For example, I have tried using code based on the “@media (min-width: 768px) and (max-width: 1018px)” commands in CSS, but no luck.

Is there another way I could have you look at it? Give you a user access? I really appreciate your help.

Nothing I do with CSS seems to work in removing the pinterest or google share button. I’ve tried the code you posted- any chance it needs to be updated?

thank you.

Never mind. I fiugred it out. I had made a change to the CSS and had to undo it. Now I have the black box back, and I fixed the header menu based on your information. Thank you again for help.

Hi Bogdan,
Thanks for response. We solve the issue with Google News. The problem was “Varnish Cache” on Server. We disabled it and now work fine.

Can I ask you 2 question, please?

1) How can i do to show correct “Also Read” and “Other from author”? I tried with Custom CSS and color tab but nothing changes Please see: https://www.uploady.com/#!/download/p~yapqDQTir/8IkxuY2SOZJwcRAW https://www.uploady.com/#!/download/f2ZnYBf9~af/qvBQFtPPWgyGundm

2) I can change Ads (728×90) in header area to the right of the logo and set it for certain categories? Which files i can change please? (i.e) I want to show in home one Ads, but in certain categories other banner

Thanks