Search Results for 'css'

Theme has nothing to d with mod_pagespeed.

This is something managed at hosting level, and should be optimized for WordPress in general. Do search online f or how to setup mod_pagespeed to work with WordPress.

Also, see my thread in the docs > tutotorials > DIY > best of forums on site optimization to see my settings.

I don’t recommend using mod_pagespeed for messing with CSS and JS files, as it is more likely to break stuff with WordPress, jquery, plugins, theme, etc.

Very much a trial and error — you need to test the settings for your own site, plugins, hosting, platform, etc., and then see how it works by viewing your page source, testing page speed insights, gtmetricx test, etc.

I need a custom request as well.

I don’t know if I’m allowed to post this here..

Can I get an audit support, for admin area if everything is done correctly. I had already two different freelancer working on the blog and they encountered difficulty working on the theme.

Can someone tell me what this means?

Broken Themes

The following themes are installed but incomplete.
Name Description
Newspaper Template is missing. Standalone themes need to have a index.php template file. Child themes need to have a Template header in the style.css stylesheet.

I hope this will not affect Theme functionality.

Thanks

Yes, I would like to move the Logo and tagline a bit to the left. I don’t know much about codes and don’t want to mess the site.. Can you tell me precisely where in the css area should I place the code.. Nr 1 – 61? Thanks

Hi

This is a very complex tack which require many customizations in order to be achieved. The easiest way would be like this:
– define a special thumb in td_config.php with the desired size: http://screencast.com/t/R0P1shKkG Make sure you regenrate your thumbnails after new thumb is defined.
– edit each files which generate the theme’s modules and change the parameter from get_image function with your custom image size: http://screencast.com/t/3g3l9GdVITNA
– scale your images with css such that to be displayed fine on each module/block.

Note that this is a very complex task which require many customizations in theme’s files and also good coding skills are involved in order to complete it. We can’t offer customization services at the moment so if you still need guidance on this or you’re not aware of the steps you need to take in this regard please consider hiring a developer or a freelancer to do this for you.

Thanks for the message!

Hi Bogdan,

I have gone through the same steps one more time and have made sure that I only delete the part you marked in the screencast, no div tags.

The result (on my end) is the same. There is additional space above the breadcrumbs:

http://www.sverigetips.se/category/dalarna/

Strangely enough this does not happen with the other method that you have described (hiding the pulldown with CSS – which doesn’t work properly with Chrome as the pulldown is visible for a fraction of a second).

Thanks for your help!

Walther

Hi

The mobile menu icon appear on your site but its color is white, that’s why is not visible. Try this css in theme panel > custom code > custom css, it shout correct that: http://screencast.com/t/eFn1MW7Lv

#td-top-mobile-toggle i{
padding-left: 4px;
color: black;
}

Thanks!

Hi Phonetic,
You can always add your own CSS to target specific devices. For example, you can add your own custom CSS between the bracketed areas below. Then just copy it into the code section in the theme panel (you don’t have to just use the widths set out in the “Advanced code” section).

Cheers,
John

/* ----------- iPad mini ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {

ADD CSS YOU WANT TO CHANGE

}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {

ADD CSS YOU WANT TO CHANGE

}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {

ADD CSS YOU WANT TO CHANGE

}

/* ----------- iPad 1 and 2 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {

ADD CSS YOU WANT TO CHANGE

}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {

ADD CSS YOU WANT TO CHANGE

}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {

ADD CSS YOU WANT TO CHANGE

}

/* ----------- iPad 3 and 4 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {

ADD CSS YOU WANT TO CHANGE

}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {

ADD CSS YOU WANT TO CHANGE

}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {

ADD CSS YOU WANT TO CHANGE

}

• This reply was modified 10 years by bowman9991.
• This reply was modified 10 years by bowman9991.

Hi

Try to replace the above css with this one, it should work fine: http://screencast.com/t/rtfWjgVZY

.td-review-header, .td-review-details, .td-review-final-score{
display: none;
}
.td-review .block-title{
padding: 2px 15px 2px 15px;
font-size: 11px;
border-radius: 3px;
}
.td-rating-bar-wrap div{
background: #4db2ec;
}
.td-review {
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
background-color: #f5f5f5;
width: 100%;
margin-bottom: 20px;
}
.td-review td {
padding: 18px 19px 20px 20px;
}

Thanks!

Hi

I use your css tweak on liveCSS editor on chrome, but

*author name
*date
*number of comments
are still there
(note that I do need subject appeared)

site DEV url : https://www.hellouk.org/%E9%A6%96%E9%A0%812016/

could you please help again

thanks

Dear Catalin,

Adjusting HTML and CSS is easy, but the problem for me is php, that is why i would be very gratefull if you would be so kind and provide me with accurate code. Or just the line that needs to be added i will add myself.

Best regards,

Hi Bogdan,

1) yes, I read in the previous posts that all the links are affected by the theme accent color. That goes for the hover effect. That’s kind of fine, although as you very well pointed out it becomes useless in many cases as it affects other elements. I assumed a theme would handle control over the link / hover color to the user.

2) Actually, not all hover links are affected by theme accent color. I have a WP Recent Posts element where the hover shows a different color from the theme accent color.

3) What I asked was where could I control the global all over the installation color of links, like here, in the theme from which I am trying to migrate:

4) Even if there isn’t a way to establish these global definitions through the interface, I am sure it’s possible to make it editing the CSS file…?

5) Overall I believe it’s vital to offer the user a consistent experience, where all the links look the same in terms of color. That’s what I am trying to achieve, just as I have in all my websites.

• This reply was modified 10 years by Torgut. Reason: Tuning up image link