[PeteGWebmaster]

Ok so I tried that with these codes and it didn’t work

#post-21 {
    background: url("http://gaterepairca.com/wp-content/uploads/gate.jpg");
	}

[PeteGWebmaster]

What if I wanted to make xyz.jpg the background image for post id #1? How might I code that into the Custom CSS section?

Thanks

[PeteGWebmaster]

Ok I have two follow up questions:

1. Do these codes work for both mobile, tablet and PC? If not can you please adjust them so they do?

2. I would like different pages to have different background images. For example I’d like to have a gate images in the background of the gate pages. Garage door image in the background of the garage door page. Etc. Which codes would I use to change these? I assume I’d probably be referencing the pages’ post ID #s, correct?

Thanks

[PeteGWebmaster]

I’m using this code

#supplementary.two .widget-area {
    width: 50%;
}

but it’s also affecting the mobile version? Could I have this code rewritten so that it does not affect the mobile version please? This is for LosAngelesWebDesignSEO dot com

Thanks

[PeteGWebmaster]

Of lesser importance is the following error message:

Resources with a “?” in the URL are not cached by some proxy caching servers. Remove the query string and encode the parameters into the URL for the following resources:

http://losangeleswebdesignseo.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=4.9.2
http://losangeleswebdesignseo.com/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.9.2
http://losangeleswebdesignseo.com/wp-content/plugins/final-tiles-grid-gallery-lite/scripts/ftg.css?ver=3.3.34
http://losangeleswebdesignseo.com/wp-content/plugins/final-tiles-grid-gallery-lite/scripts/jquery.finalTilesGallery.js?ver=3.3.34
http://losangeleswebdesignseo.com/wp-content/plugins/woocommerce/assets/css/woocommerce-layout.css?ver=3.2.6
http://losangeleswebdesignseo.com/wp-content/plugins/woocommerce/assets/css/woocommerce-smallscreen.css?ver=3.2.6
http://losangeleswebdesignseo.com/wp-content/plugins/woocommerce/assets/css/woocommerce.css?ver=3.2.6
http://losangeleswebdesignseo.com/wp-content/plugins/woocommerce/assets/js/frontend/add-to-cart.min.js?ver=3.2.6
http://losangeleswebdesignseo.com/wp-content/plugins/woocommerce/assets/js/frontend/cart-fragments.min.js?ver=3.2.6
http://losangeleswebdesignseo.com/wp-content/plugins/woocommerce/assets/js/frontend/woocommerce.min.js?ver=3.2.6
http://losangeleswebdesignseo.com/wp-content/plugins/woocommerce/assets/js/jquery-blockui/jquery.blockUI.min.js?ver=2.70
http://losangeleswebdesignseo.com/wp-content/plugins/woocommerce/assets/js/js-cookie/js.cookie.min.js?ver=2.1.4
http://losangeleswebdesignseo.com/wp-content/themes/catch-responsive-pro/css/jquery.sidr.light.min.css?ver=2.1.0
http://losangeleswebdesignseo.com/wp-content/themes/catch-responsive-pro/js/catchresponsive-scrollup.min.js?ver=20072014
http://losangeleswebdesignseo.com/wp-content/themes/catch-responsive-pro/js/fitvids.min.js?ver=1.1
http://losangeleswebdesignseo.com/wp-content/themes/catch-responsive-pro/js/jquery.sidr.min.js?ver=2.2.1.1
http://losangeleswebdesignseo.com/wp-content/themes/catch-responsive-pro/js/navigation.min.js?ver=20120206
http://losangeleswebdesignseo.com/wp-content/themes/catch-responsive-pro/js/skip-link-focus-fix.min.js?ver=20130115
http://losangeleswebdesignseo.com/wp-content/themes/catch-responsive-pro/style.css?ver=4.2.3
http://losangeleswebdesignseo.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1
http://losangeleswebdesignseo.com/wp-includes/js/jquery/jquery.js?ver=1.12.4
http://losangeleswebdesignseo.com/wp-includes/js/wp-embed.min.js?ver=4.9.1
http://losangeleswebdesignseo.com/wp-includes/js/wp-emoji-release.min.js?ver=4.9.1
http://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.css?ver=4.9.1
https://i0.wp.com/losangeleswebdesignseo.com/wp-content/uploads/2017/11/email.png?w=60
https://i0.wp.com/losangeleswebdesignseo.com/wp-content/uploads/2017/11/facebook.png?w=60
https://i0.wp.com/losangeleswebdesignseo.com/wp-content/uploads/2017/11/linkedin.png?w=60
https://i0.wp.com/losangeleswebdesignseo.com/wp-content/uploads/2017/11/twitter.png?w=60
https://i2.wp.com/losangeleswebdesignseo.com/wp-content/uploads/2017/07/profile.jpg?w=780

[PeteGWebmaster]

No it didn’t, is there any other workaround you can think of? I have disabled my caching plugin which means my website now takes 2.3 seconds to load giving me no search engine visibility. Hopefully this helps assess the problem here.

[PeteGWebmaster]

losangeleswebdesignseo dot com

[PeteGWebmaster]

I’m noticing an error where a video slides above the logo at fastnotaryservice dot com/notary-blog/

[PeteGWebmaster]

Alright that worked, thanks. Now I’d just like to increase the font size by about 50% for this home page title. Can you please assist with this as well?

[PeteGWebmaster]

Dancing Script

[PeteGWebmaster]

This option changes font style for page title on all pages. I only want the font style changed on the home page. I checked the fonts listed in the customize section and none of them appear to be cursive style.

[PeteGWebmaster]

I figured out a work around, I just hand coded my own social icons.

I have another problem I just noticed with the same website. This code:

 #main{
	width: 1100px;
}

makes the desktop version of my website look nice but messes up my mobile site.

Is there a version of this code available that would only affect the desktop version of the site and not the mobile version?

[PeteGWebmaster]

Here’s the page speed times of my home page from Tools.pingdom.com:

With WP-Rocket: .6 seconds

With WP Fastest Cache: 2.5 seconds

Without Caching: 1.5 seconds

[PeteGWebmaster]

Wp rocket is why my page loads fast giving me good seo. I dont want to dieable it. This was never a problem until just recently.

[PeteGWebmaster]

What about increasing the size of the widgets at the bottom of losangeleswebdesignseo dot com so they fill the page in a similar fashion? Because the site is now full width I’m missing a code to enlarge bottom widgets. These are my current codes:

.site {
    width: 100%;
}
#feature-slider .cycle-slideshow {
    max-width: unset;
    width: 100%;
}
#feature-slider img{
	width: 100%;
}
#featured-content.layout-four .hentry {
    width: 25%;
}
.catchresponsive-nav-menu {
    display: table;
    width: 100%;
}
.catchresponsive-nav-menu > li {
    display: table-cell;
  float: none;
}
.catchresponsive-nav-menu > li > a {
    display: block;
    text-align: center;
}
#search-toggle {
  	display: none;
}

 #main{
	width: 1100px;
}

@media only screen and (min-width: 1200px) {
#featured-content.layout-four .hentry {
	width: 25%;
}
}

.site-content {
    background-color: rgba(27, 27, 27, 0.9);
}

#site-logo, #site-branding {
    text-align: center;
    width: 100%;
}

[PeteGWebmaster]

doctor whimsy dot com

[PeteGWebmaster]

We switched off the full width mode so it’s no longer an issue for this site

[PeteGWebmaster]

No that code didn’t work, the videos are still large.

[PeteGWebmaster]

That was a developmental website, now it’s up at doctorwhimsy.com

All videos on all of the websites I use with your template do this same thing to the videos so it’s nothing specific to this website, just your template.

[PeteGWebmaster]

My mobile template is still broken with this code. The footer is aligning to the left in a 25% manner. The probems should be apparent when you view site from mobile mode.

[Author]

Posts