Categories
Uncategorized

Woocommerce custom CSS

My Account Page 1

/* Change WC Acct Page Column Widths / @media only screen and (min-width: 769px) { .woocommerce-account .woocommerce-MyAccount-navigation { width: 22%; } .woocommerce-account .woocommerce-MyAccount-content { width: 75%; } } / Style WC Account Endpoint Links */
nav.woocommerce-MyAccount-navigation ul {
list-style-type: none;
padding-left: 0;
max-width:200px;
font-size: 17px;
line-height: 26px;
}
nav.woocommerce-MyAccount-navigation ul li {
padding: 8px 20px;
background-color: rgba(0,0,0,0.05);
border-bottom: 1px solid rgba(0,0,0,0.05);
}
nav.woocommerce-MyAccount-navigation ul li.is-active {
background-color: rgba(0,0,0,0.1);
}
nav.woocommerce-MyAccount-navigation ul li.is-active a {
color: rgba(0,0,0,0.8); cursor: default;
}
nav.woocommerce-MyAccount-navigation ul li.is-active:after {
content: “”;
height: 0;
width: 0;
border-top: 20px solid transparent;
border-left: 14px solid rgba(0,0,0,0.1);
border-bottom: 20px solid transparent;
float: right;
margin-right: -34px;
margin-top: -7px;
}
nav.woocommerce-MyAccount-navigation ul li:not(.is-active):hover {
background-color: rgba(0,0,0,0.07);
}
nav.woocommerce-MyAccount-navigation ul li:not(.is-active):hover:after {
content: “”;
height: 0;
width: 0;
border-top: 20px solid transparent;
border-left: 14px solid rgba(0,0,0,0.07);
border-bottom: 20px solid transparent;
float: right;
margin-right: -34px;
margin-top: -7px;
}

My Account page 2

*/
.woocommerce-MyAccount-navigation-link a {
margin: 5px 5px 0 0;
padding: 15px;
font-size: 14px;
}
.woocommerce-MyAccount-navigation-link.is-active a:before {
background-color: #cdcdcd;
opacity:0.25;
}
.woocommerce-account .button {
font-size: 90%;
margin-right: 5px;
border-radius: 0px;
padding: 5px 10px;
background-color: #1f89e5;
border: 0px;
}
.woocommerce-MyAccount-navigation-link {
width:190px;
}
.woocommerce-MyAccount-navigation-link:before{
font-family: FontAwesome;
margin:5px 5px 0px 0px;
float:left;
padding: 5px 10px;
font-size:20px;
background-color:#f5f5f5;
border-right:1px solid #cdcdcd;
}
.woocommerce-MyAccount-navigation-link–dashboard:before{
content:”\f0e4″;
z-index:10;
}
.woocommerce-MyAccount-navigation-link–orders:before{
content:”\f07a”;
}
.woocommerce-MyAccount-navigation-link–downloads:before{
content:”\f019″;
}
.woocommerce-MyAccount-navigation-link–edit-address:before{
content:”\f07a”;
}
.woocommerce-MyAccount-navigation-link–payment-methods:before{
content:”\f283″;
}
.woocommerce-MyAccount-navigation-link–edit-account:before{
content:”\f007″;
}
.woocommerce-MyAccount-navigation-link–appointments:before{
content:”\f073″;
}
.woocommerce-MyAccount-navigation-link–customer-logout:before{
content:”\f08b”;
}

Checkout and cart

/****WOOCOMMERCE ADDITIONS ****/
.woocommerce div.product div.images .flex-control-thumbs {
max-height:250px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {

font-size: 1em !important;

}

/*
WOOCOMMERCE ALL BELOW
**/

/UPDATED PAGE */
.woocommerce-message a.button.wc-forward {
background: #fff;
color: #2b8452;
}

.woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3 {
padding: 20px 5px 10px 5px;
font-size: 16px;
height: 95px;
line-height: 20px;
overflow: hidden;
border-bottom: 1px solid #EAEAEA;
margin-bottom: 10px;
}

.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
width: 100%;
}
.cart_totals h2, .shipping_calculator h2 {
margin-bottom: 10px;
color: #14522e;
background-color: #FFF;
border:solid 2px;
text-align: center;
border-radius: 5px;
padding: 10px;
}

.et_pb_contact_submit, .et_password_protected_form .et_submit_button, .et_pb_bg_layout_light .et_pb_newsletter_button, .comment-reply-link, .form-submit input, .et_pb_bg_layout_light .et_pb_promo_button, .et_pb_bg_layout_light .et_pb_more_button, .woocommerce a.button.alt, .woocommerce-page a.button.alt, .woocommerce button.button.alt, .woocommerce-page button.button.alt, .woocommerce input.button.alt, .woocommerce-page input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce-page #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button {
color: #ffffff !important;
background-color: #981c1e;
border-radius: 8px;
}

.et_pb_contact_submit:hover, .et_password_protected_form .et_submit_button:hover, .et_pb_bg_layout_light .et_pb_newsletter_button:hover, .comment-reply-link, .form-submit input:hover, .et_pb_bg_layout_light .et_pb_promo_button:hover, .et_pb_bg_layout_light .et_pb_more_button:hover, .woocommerce a.button.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce #content input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce a.button:hover, .woocommerce-page a.button:hover, .woocommerce button.button:hover, .woocommerce-page button.button:hover, .woocommerce input.button:hover, .woocommerce-page input.button:hover {
background-color: #699cce;
}

.sale del .woocommerce-Price-amount {display:none !important;}

/CHECKOUT/ .woocommerce .woocommerce-info { background: #738190; } .cart_totals h2 { margin-bottom: 30px; color: #fff; background-color: #738190; } .woocommerce form .form-row { width: 100% !important; } .woocommerce-checkout #payment div.payment_box input.input-text, .woocommerce-checkout #payment div.payment_box textarea { width: 100% !important; padding: 8px; } .woocommerce #payment .form-row select, .woocommerce-page #payment .form-row select { width: 100%; height: 30px; } .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { float: left; width: 100%; } .custom-checkout h3 { background-color: #165f1c; /*CHANGE TO COLOR YOU WANT TO USE FOR TITLE BACKGROUND ****/
width: 45%;
text-align: center;
padding: 10px;
border-radius: 5px;
margin-top: 50px;
color: #FFF;
float: right;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
padding: .6180469716em;
background-color: #f2f2f2;
color: #43454b;
outline: 0;
border: 0;
-webkit-appearance: none;
border-radius: 2px;
box-sizing: border-box;
font-weight: 400;
border:solid 2px #e4e4e4;
}

wc_checkout_add_ons {

width: 45%;
float: right;
text-align: center;

}

@media screen and (min-width: 980px) {
.woocommerce-shipping-fields h3, .woocommerce-billing-fields h3 {width:100%;}
.woocommerce .col2-set, .woocommerce-page .col2-set {
width: 45%;
float: left;
}
.woocommerce-checkout-review-order{
width: 45%;
float: right;
}
}
@media screen and (max-width: 979px) {
.custom-checkout h3 {
width: 100%;
}
}

/PRODUCT PAGE ***/
.woocommerce-message a.button.wc-forward {
color: #495763 !important;
}
.woocommerce .woocommerce-message {
background: #738190;
}
.woocommerce div.product form.cart div.quantity, .woocommerce-page div.product form.cart div.quantity {
float: left;
margin: 0 0px 0 0 !important;
padding: 0px 0px !important;
}
.woocommerce div.product form.cart .button {
vertical-align: middle;
float: left;
padding-top: 9px;
padding-bottom: 9px;
margin-left: 10px;
}

/* WOOCOMMERCE ORDER PAGE */

.woocommerce-order .woocommerce-notice {
background-color: #699cce;
margin-bottom: 20px;
padding: 10px 20px;
color: #FFF;
}
.woocommerce-order .woocommerce-order-details h2, .woocommerce-order .woocommerce-order-details h3 {
background-color: #699cce;
margin-bottom: 20px;
padding: 10px 20px;
color: #FFF;
}

/* DROP DOWN SELECTOR /

.select2-container–default .select2-selection–single .select2-selection__rendered {
color: #444;
line-height: 28px;
border-radius: 2px !important;
padding: 5px 10px !important;
background-color: #f2f2f2;
border: solid 2px #e4e4e4;
}
.select2-container–default .select2-selection–single { border:none !important; border-radius: 2px !important;}

/* END DROP DOWN SELECTOR /

/SHOP PAGE LAYOUT /
/
LARGE COMPUTER /
@media screen and (min-width: 1255px) {
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
margin: 0 1% 2.992em 0 !important;
border: 1px solid #EAEAEA;
padding: 10px;
}

.et_vertical_nav.archive.et_full_width_page.woocommerce ul.products li.product:nth-child(3n+1) {
margin-right: 10px !important;
}
.products li{
width: 22% !important;
}
}

/** LAPTOP VIEW /
@media only screen and (min-width : 1204px) and (max-width : 1254px) {
.et_vertical_nav.archive.et_full_width_page.woocommerce ul.products li.product:nth-child(3n+1) {
margin-right: 8px !important;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
margin: 0 10px 30px 10px !important;
border: 1px solid #EAEAEA;
padding: 10px;
}
.products li{
width: 30% !important;
}
.products .first {
margin-right: 8px !important;
}
}

/** SMALL LAPTOP VIEW /
@media only screen and (min-width : 1080px) and (max-width : 1203px) {
.et_vertical_nav.archive.et_full_width_page.woocommerce ul.products li.product:nth-child(3n+1) {
margin-right: 8px !important;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
margin: 0 1% 30px 1% !important;
border: 1px solid #EAEAEA;
padding: 10px;
}
.products li{
width: 45% !important;
}
.products .first {
margin-right: 8px !important;
}
}

/** TABLET AND MOBILE VIEW /
@media only screen and (min-width : 500px) and (max-width : 1079px) {
.et_vertical_nav.archive.et_full_width_page.woocommerce ul.products li.product:nth-child(3n+1) {
margin-right: 1% !important;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
margin: 0 1% 30px 0 !important;
border: 1px solid #EAEAEA;
padding: 10px;
}
.products li{
width: 45% !important;
}
.products .first {
margin-right: 8px !important;
}
.woocommerce-page ul.products li.product:nth-child(n) {
clear: none;
width: 45% !important;
margin: 0 1% 1% 0 !important;
}
}

/UNIVERSAL SHOP PAGE /
.woocommerce-products-header__title {
background-color: #738190 !important;;
text-align: center !important;
color: #FFF !important;
font-weight: 400 !important;
padding: 15px 20px !important;
margin-bottom: 10px !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
font-size: 18px !important;
height: 48px !important;
overflow: hidden !important;
margin-bottom: 10px !important;
}

.woocommerce .button::after {
font-family: “ETmodules”;
right: 0px;
margin-right: 5px;
margin-top: -5px;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title{
padding: .6em 0;
margin: 0;
font-size: 1em;
text-align: center;
font-size: 18px;
height: 60px;
}

.et_shop_image, .et_portfolio_image {
background-color: #ffffff;
border-bottom: solid 1px #EAEAEA;
}

.type-product .woocommerce-Price-amount {
font-size: 18px;
font-weight: 500;
width: 100%;
float: none;
}

.woocommerce ul.products li.product .button {
margin-top: 0px;
float: right;
width: 100% !important;
background-color: #4a5d6f;
color: #fff;
padding: 7px 5px;
font-size: 14px;
display: block;
border: none;
border-radius: 0px;
text-align: center;
}

.woocommerce ul.products li.product a img {
margin: auto;
width: auto !important;
height: auto;
max-width: 100%;
padding-top: 15px;
}

.et_shop_image {
background-color: #ffffff;
height: 175px;
overflow:hidden;
}

/PRODUCT PAGE /
.woocommerce-product-gallery__image {
border: solid 1px #ecebeb !important;
}

.woocommerce .woocommerce-breadcrumb {
background-color: #738190;
padding: 10px 20px;
font-size: .92em;
color: #fff;
text-align: center;
}
.woocommerce .woocommerce-breadcrumb a {
color:#FFF !important;
}

/*
WOOCOMMERCE ALL ABOVE
**/

Categories
Geeky Designs Marketing SEO Uncategorized

Increase Organic Traffic on your website

Here’s how.

1. Optimise for your readers, not search engines

First and foremost, write your buyer personas so you know to whom you’re addressing your content. By creating quality educational content that resonates with your ideal buyers, you’ll naturally improve your SEO.

This means tapping into the main issues of your personas and the keywords they use in search queries. Optimising for search engines alone is useless; all you’ll have is keyword-riddled nonsense.

Please your buyer personas, and you’ll automatically please the search engines.

2. Blog regularly

Blogging is perhaps the most effective way to increase your organic site traffic. It lets you go into more depth than your website allows and creates a large catalogue of helpful, persona-optimised content centred on your market niche. However, poorly-written, spammy or cheap content can do more harm than good. Avoid it.

3. Plug into the blogosphere

The blogosphere is a reciprocal sort of place. Read, comment and link to other people’s sites and blogs, particularly those operating in your market, and they’ll hopefully read, comment and link to yours, attracting more prospects.

A good place to start is Quora. A neat tactic for getting your voice out there is to spend some time answering peoples’ questions on Quora and providing real, valuable and tangible insights for the specific area you are an expert in.

4. Use long-tail keywords

Don’t just go with the most popular keywords in your market. Use keywords that are more specific to your product or service. In time, Google and other search engines will identify your website or blog as a destination for that particular subject, which in turn will boost your content in search rankings and help your ideal customers find you.

Remember: Ranking on Google is about owning a sphere of influence for a specific niche topic. This blog post, for example, is targeted for those who want specific learnings on increasing organic traffic. We’re not targeting every SEO-related keyword.

5. Get your meta down

The meta title, URL and description are the three key ingredients for an optimised web page or blog post. It’s simple but effective. In fact, all on-page SEO factors are important to get right, but meta descriptions and meta data means you can tell Google exactly what you’re talking about.

We use a plethora of tools, including Yoast SEO plugin for WordPress, HubSpot’s SEO tools and Ahrefs to help us optimise our pages. But it’s not enough to just ‘install a plugin’, you have to work on each page in turn.

6. Consistently create quality content

Try to write and publish as often as possible, but not at the cost of quality! The more quality content – including thought leadership articles and blog posts – you have on your website or blog, the more opportunities you create for organic traffic to come your way.

7. Use internal links

Once you’ve built up a decent back catalogue of content, you can link to it in blogs and on your website, guiding visitors to more relevant content. This can keep visitors on your website for longer, which helps boost your search rankings.

HubSpot call this process Topic Clustering; we thoroughly recommend you watch this short video about topic clustering here:

Don’t, however, overuse internal links; too many and it starts to look like spam.

8. Encourage incoming links

Google prioritises sites that have a lot of incoming links, especially from other trustworthy sites. Encourage clients, friends, family members, partners, suppliers, industry mavens and friendly fellow bloggers to link to your site.

The more incoming links you have, the higher your site will rank because, quite simply, the more authoritative it becomes in the eyes of search engines.

But beware: SEO snake oil salesmen try to trick Google with spammy links from low-reputation sites. Some links can actually damage your SEO.

9. Blow your own trumpet

You can also link to your content yourself, on your own personal blog, Facebook, Twitter, LinkedIn, StumbleUpon etc – no spamming, mind. If people come in from social media and spend time with your content, it is a strong signal to Google that the content is relevant, useful and interesting.

10. Use social media

Build a presence on social media networks like LinkedIn, Twitter, Instagram and Facebook etc. All of these activities help to get your name and website address out on the internet.

Read about how we doubled our social media audience in a week. Add share buttons to your site to make it easy for people to share your content. And write content worthy of sharing.

11. Use data and metrics to optimise results

Use something like Google Analytics to track visitors to your site and blog. Being able to see where they come from and what keywords they searched for allows you to fine-tune your content.

Ultimately, to increase organic site traffic, you need to give your customers what they want – quality advice, information and insight.

Categories
Geeky Designs SEO Uncategorized

How video is helping SEO

Video content can be fantastic for increasing conversions on just about any website. In fact, more brands than ever are using videos on landing pages and on various other pages of their websites to keep visitors engaged and, eventually, convince them to make a purchase.

There are two main ways to increase conversions with video – by embedding a video on a landing page and by making use of rich snippets.

Video on a Landing Page

When a visitor lands on your site, you’ve literally got seconds to impress them and get them engaged with what you have to offer. This is the whole point of a landing page. But these days, people are so used to seeing rich media content on the internet that, quite frankly, text content often doesn’t keep them engaged.

Accordingly, I’m sure it comes as no surprise to you that embedding a video on your website not only will increase the length of time that visitors stick around, but, also, the number of conversions to paying customers, which, ultimately, is what SEO is all about.

Product Videos

Product videos are perhaps the most common way that retailers increase the conversion rate of their website using video content. Hundreds and thousands of retailers are making use of product videos these days, and it’s easy to see why.

According to Invodo, 52% of consumers say that watching product videos makes them feel more confident about going ahead and making a purchase.