Luke Stacey
Forum Replies Created
-
Forum: Themes and Templates
In reply to: [Fifteen] Change Collor Background PostHi,
Put this CSS into your custom css or child theme style.css so that you won’t lose all the changes made when the theme updates.
Child themes are the safest way to go when doing all kinds of modifications.
/*Post Background Color*/ #primary { background: none repeat scroll 0 0 #COLOR; } /*Sidebar Widget Background Color*/ #secondary .widget, #footer-sidebar .widget { background: none repeat scroll 0 0 #COLOR; }Where it says ‘COLOR’ delete and insert the hexvalue for the color(s) of your choice.
This website is useful if you don’t know the exact hex code.
I hope that helps!
– Luke
Forum: Themes and Templates
In reply to: [Ward] logoYes you can:
Like this – Screen shot link.
Put this code into your child theme header.php so you won’t lose all the changes made when the theme updates.
Child themes are the safest way to go when doing all kinds of modifications.
<div id="header-image"> <a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"> <img src="<?php echo get_template_directory_uri(); ?>/images/logo.png" alt="Logo"/> </a> </div>You will have to upload your logo via ftp, not through the media library.
First create a folder called ‘images’ in
wp-content/themes/ward/
and then upload your logo into that directory. Make sure it is called ‘logo.png’.
You might need to adjust with CSS to get it exactly as you want.
I hope that helps!
Forum: Themes and Templates
In reply to: [Marla] How to change the post page widthHi there!
Put this into your custom css or child theme style.css so that you won’t lose all the changes made when the theme updates.
Child themes are the safest way to go when doing all kinds of modifications.
#content { width: 900px; }Adjust the value of the width until you achieve your desired result.
I hope that helps!
– Luke
Forum: Themes and Templates
In reply to: [Fruitful] Hide comment link on post footer?Hi there!
Put this CSS into your custom css or child theme style.css so that you won’t lose all the changes made when the theme updates.
Child themes are the safest way to go when doing all kinds of modifications.
.blog_post .post-content footer.entry-meta .comments-link { display: none; }I hope it helps!
– Luke
Forum: Themes and Templates
In reply to: [Twenty Twelve] Increase WidthHi there!
You’ve made a great decision to use child themes. They are the best way to go when making any modifications.
Have you tried this?
.site { max-width: 1000px; }It was originally set at 68.5714rem
I hope that helps!
– Luke
Forum: Themes and Templates
In reply to: How to change the product box size?Sorry about that Mary.
It’s the theme that is responsible. I was able to resize that layout for you by changing some of the css widths.
Here’s the proposed result:
Single Product Image and DescriptionPut this CSS into your custom css or child theme style.css so that you won’t lose all the changes made when the theme updates.
Child themes are the safest way to go when doing all kinds of modifications.
/*Single Product Image and Description =======================================*/ .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images { width: 30%; /*Product Image*/ } .entry-summary { padding: 0 20px; /*Padding for the description*/ } .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary { width: 65%; /* Product Description*/ } /*Related Products ===================*/ .woocommerce .related ul li.product, .woocommerce .related ul.products li.product, .woocommerce .upsells.products ul li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce-page .related ul li.product, .woocommerce-page .related ul.products li.product, .woocommerce-page .upsells.products ul li.product, .woocommerce-page .upsells.products ul.products li.product { width: 30%; }By changing the width values you can adjust the size of the boxes.
I hope that gets you the result you are hoping for. Let us know how it goes 🙂
– Luke
Forum: Themes and Templates
In reply to: Shop Page – make thumbnails biggerHi,
Check out this link from the Woocommerce website.
Basically, if you go to:
WP Dashboard -> WooCommerce –> Settings –> Catalog
You can change the resize settings to make your thumbnails bigger.
I hope that helps!
– Luke
Forum: Themes and Templates
In reply to: How to change the product box size?Hi Mary,
If you go to:
WP Dashboard — > WooCommerce –> Settings -> Catalog
You can change the size of the images. I think the one your looking for is ‘Single Product Image’.
The images you upload will be resized to match the values your input here accurately as possible. IE if your settings are 100×100 and you upload a 300×600 image it will be resized to 100×200.
Remember if you change these settings after uploading product imagery you will need to regenerate your thumbnails within WordPress for the changes to be applied to your current imagery. To do this we recommend using the Regenerate Thumbnails plugin.
From the Woocommerce website – here.
Good luck!
Forum: Themes and Templates
In reply to: How to change the product box size?Hi there,
I’m not sure if you mean the image slider (screenshot) just under your navigation menu?
If so put this css into your custom css or child theme style.css so that you won’t lose all the changes made when the theme updates.
Child themes are the safest way to go when doing all kinds of modifications.
#slider_lite img { height: 250px; width: 100% !important; }The height value was originally ‘auto’ – thats why your layout was jumping around. By giving it a fixed pixel value this will be avoided. Adjust the height until you are satisfied.
I hope it helps!
– Luke
Forum: Themes and Templates
In reply to: [zeeDynamic] Removing White Space between logo & navigation menuHi,
Put this CSS into your custom CSS or child theme style.css so that you won’t lose all the changes made when the theme updates.
Child themes are the safest way to go when doing all kinds of modifications.
#header { padding: 3em; }Adjust the padding value until you are satisfied.
I hope that helps.
– Luke
Forum: Themes and Templates
In reply to: [The J A Mortram] Logo in HeaderHi,
That theme was designed to have the site title in text, not as an image.
The theme author posted a solution here
You will have to add some html and css styles to accomplish this. It is recommended you use a child theme so that you won’t lose all the changes you make when the theme updates.
Child themes are the safest way to go when doing all kinds of modifications.
Good luck!
Forum: Themes and Templates
In reply to: [Encounters Lite] Change the font style on the Menu BarHi,
The Encounters Lite theme uses Ubuntu for the menu links from the Google Fonts collection. The only font style installed is Normal/400.
If you want to change the font-style to something else, like bold, medium, light etc. you would have to add the appropriate @font-face rule in the style.css .
You can see what font-styles are available for the Ubuntu font face at Google fonts.
Child themes are the safest way to go when doing all kinds of modifications. It is recommended to add custom styles to your child theme rather than the style.css of the template.
Hope that helps.
– Luke
Forum: Themes and Templates
In reply to: Increase Logo SizeHi there,
This might be what your looking for :
element.style { max-height: 34px; min-height: 34px; }Adjust the max and min height values until you are satisfied and put the code in your child theme or custom css.
Hope that helps!
– Luke
Forum: Themes and Templates
In reply to: [Adelle] Center pages in navigation barYour welcome.
Glad I got it right 🙂
– Luke
Forum: Themes and Templates
In reply to: [Adelle] Center pages in navigation barHi there,
Perhaps you mean the links in the navigation bar?
Like this Screenshot ?
If so put this CSS into your custom css or child theme style.css so that you won’t lose all the changes when the theme updates.
Child themes are the safest way to go when doing all kinds of modifications.
.nav ul { margin-left: 370px; }Depending on the amount of links you have on your navigation bar you will have to adjust the value of the margin until you are satisfied.
Hope it helps!
– Luke