Let’s say you want to create a report on that tells you how many sessions are coming in for a category that has multiple different types of products or more categories. If you only had URLs to work with, the best way to do this would be using a filter in GA4 or Google Search Console.

For this example, let’s use a living room furniture category:

Step 1: In Google Analytics, create a landing page report and then edit the report to add filters. For this example, I want to know the total sessions, conversion rate, revenue, etc. so in the Dimension dropdown I select “Landing page + query string”.

Step 2: Next, select “Match Type” and select “matches partial regex” then in the field, start typing in all the URL variants you want data on, separate each with a pipe, “|”.

Example #1: Living Room Furniture

furniture-living|sectional|sofa|loveseat|recliner|arm-chair|fabric-chair|leather-chair|accent-chair|theatre-seat|ottoman|futon|sofa-bed|

Example #2: Beds & Bedroom Furniture

bedroom|king-bed|queen-bed|full-bed|twin-bed|-bed-|nightstand

Example #3: Appliances

appliance|freezer|refrigerator|frige|range|oven|dishwasher|microwave|air-fry|mixer|dryer|washer|laundry|pedestal|storage|vacuum|fryer|air-conditioner|fan|humidifier

The post How to Use Matches Regex with GA4 & Google Search Console appeared first on King Rosales.

Whether you live in a big city like Toronto, Brampton, Vancouver, Montreal or live in a more rural area and need space saving furniture to maximize your living space, I recommend looking for furniture that doesn’t take more space that it needs and making sure things can fit through the elevator and tight corridors. Living in smaller spaces like condos, apartments, and townhouses can make your furnishing experience challenging or something to look forward to. I get it, it might be challenging to find small space furniture, but fear not! I put together some key tips in this ultimate guide to help you navigate the world of small space furniture. From multifunctional designs to space-saving solutions, let’s delve into the key features to consider when furnishing your cozy sanctuary.

Versatility is Key

When space is at a premium, versatility becomes your best friend. Look for furniture pieces that serve dual purposes or offer additional storage. Consider sofa beds that transform effortlessly from a comfortable seating area to a cozy sleeping space for guests. Opt for coffee tables with built-in storage compartments to stow away magazines, remote controls, and other essentials, keeping your living area clutter-free.

Scale Matters

In small spaces, proportion is paramount. Oversized furniture can overwhelm a room and make it feel cramped, while undersized pieces can get lost in the space. Focus on selecting furniture with slim profiles and tailored dimensions that complement the scale of your room. Choose apartment-sized sofas and armchairs with sleek silhouettes to create an illusion of spaciousness without sacrificing comfort.

Embrace Modular Designs

Modular furniture offers unparalleled flexibility, allowing you to customize your layout to suit your evolving needs. Invest in modular seating arrangements that can be rearranged effortlessly to accommodate different activities or adapt to changing guest numbers. Modular shelving units are also a great option for maximizing vertical space while providing ample display and storage opportunities.

Opt for Lightweight Materials

When it comes to small space furniture, weight matters. Opt for pieces crafted from lightweight materials like aluminum, acrylic, or lightweight woods such as birch or bamboo. Not only are these materials easier to maneuver in tight quarters, but they also contribute to a sense of airiness and openness in your space. Additionally, consider furniture with transparent elements, such as glass or acrylic, which can visually expand your room by allowing light to pass through unobstructed.

Look out for Foldable and Expandable Options

Folding and expandable furniture are lifesavers in small spaces, offering the convenience of extra seating or surface area when needed, and tucking away discreetly when not in use. Look for dining tables with drop-leaf or extendable designs that can accommodate intimate dinners or dinner parties with ease. Folding chairs and nesting tables are also invaluable additions to your small space arsenal, providing extra seating and surface space without taking up precious real estate.

Prioritize Storage Solutions

In small living spaces, effective storage solutions are non-negotiable. Seek out furniture pieces with built-in storage compartments, such as ottomans with hidden storage or beds with drawers underneath. Consider investing in wall-mounted shelves, floating cabinets, or multifunctional storage units to maximize vertical space while keeping your belongings organized and accessible.

Where Can I Find Small Space Furniture?

I’m biased, but the first place I’ve shopped for space saving furniture is The Brick. The Brick is not only Canada’s largest furniture company, but they’ve got an incredible team to help you.

Navigating the world of small space furniture may seem daunting at first, but armed with the right knowledge and mindset, you can transform your compact abode into a stylish and functional retreat. Remember to prioritize versatility, scale, and storage solutions when selecting furniture pieces, and don’t be afraid to think outside the box with modular designs and lightweight materials. With careful consideration and a dash of creativity, you can create a cozy oasis that maximizes every inch of your space, ensuring comfort, style, and functionality for years to come. Happy furnishing!

The post Canada’s ULTIMATE Guide to Choosing Small Space Furniture appeared first on King Rosales.

The post Visions Electronics Increased Video Conversion Rate by 25% with this One Simple Change appeared first on King Rosales.

1. Login to phpMyAdmin through your host’s control panel

2. Open the database from the navigation tree on the left and click “wp_users”

3. Click “Edit” next to the user you want to edit

4. Find “user_pass” field row, then type in the password in the value input text area. Then beside the password field, click the Function column dropdown, select “MD5”. When you’ve done both, click “Go” at the bottom right.

That’s it, you should be able to login to your WordPress account. If you need to change your username, you can do that in this area as well.

I hope this helped you!

The post How to Change Your WordPress Password in phpMyAdmin appeared first on King Rosales.

CSS variables work like assigning a value to a variable and you can create global variables and local variables.

Global CSS Variables are set in within the “root:” selector. Many WordPress theme developers use global CSS variables because its easy to control the theme styles.

To override any of these CSS variables, create your CSS like normal by stating which selector you want to edit, then instead of specifying the attribute name, you’re going to use the CSS variable name. Next, you need to assign the value to the attribute

Here’s an example of changing the colour of your links:

a:where(:not(.wp-element-button)) {
   --wp--preset--color--raft-fg: #1763b6;
   color: var(--wp--preset--color--raft-fg);
}

I hope this helps you.

The post CSS: How to Override Global CSS Variables appeared first on King Rosales.

The post Google Looker Studio/Data Studio: How to Create a Monthly Google Ratings Report for Multiple Store Locations appeared first on King Rosales.

The post How I Redesigned My Most Profitable Niche Blogs in 72 Hours appeared first on King Rosales.

Like this:

The theme I am using, gives me a spot to add “code”. This meant that I can use HTML, CSS and JavaScript.

After doing some digging around, I found the simplest, yet sophisticated, approach to make this work using “typeof screen.orientation”.

Here’s how to implement it:

if (typeof screen.orientation !== 'undefined') {
   document.write("Desktop Code Here");
} else {
   document.write("Mobile Code Here");
}

The final step is to replace the “Deskop/Mobile Code Here” with your actual Google Adsense Javascript and thats it.

I hope this helps you.

The post JavaScript: How to Show/Hide Content if the User is Using a Desktop or Mobile Device with typeof screen.orientation? appeared first on King Rosales.

I’ve seen this also used with breadcrumb trails and a way to showcase a list of brand logos and I’ll likely use this on this website, specifically on my homepage where I share the different companies I’ve worked with.

Before I implement the code, i’ll be mocking up the designs in Figma or Adobe XD then testing the design with some end users (a.k.a. colleagues and friends).

To make the horizontal scrolling menu work, I’m going to share the HTML and CSS below so you can test and try it out on one of your projects.

The key to make this work is using the overflow-x attribute, and setting the value as, “scroll”. Like this, “overflow-x: scroll”.

Example

HTML

<div class="col-md-10 parent">
        <ul class="my-nav">
        <li><a class="btn-nav tab-active" href="#">Item 1</a></li>
          <li><a class="btn-nav" href="">Item 2</a></li>
          <li><a class="btn-nav" href="">Item 3</a></li>
          <li><a class="btn-nav" href="">Item 4</a></li>
        </ul>
</div>

CSS

.my-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.my-nav li {
  float: left;
}
.my-nav li a, .my-nav li a:link, .my-nav li a:visited {
  color: #000;
  font-size: 15px;
}
.my-nav li a:hover {
  border-bottom: 4px solid #CCC;
}
a.btn-nav.tab-active, a.btn-nav.tab-active:visited, a.btn-nav.tab-active:hover {
  color: #27a020;
  border-bottom: 4px solid #27a020;
}
.btn-nav {
  display: block;
  text-align: center;
  padding:15px 25px;
}

@media (max-width: 640px){
  .parent { 
    overflow-y:hidden;
    overflow-x:scroll;
  }
  .my-nav {
    height: 70px; 
    width: 600px; 
  }
  .scroll::-webkit-scrollbar {
    display: none;
 }
  .scroll {
    white-space: nowrap; 
    overflow-x: auto; 
    -webkit-overflow-scrolling: touch; 
    -ms-overflow-style: -ms-autohiding-scrollbar; 
  }
}

Reference: https://jsfiddle.net/p8f0Lqp1/6/, https://iamsteve.me/blog/horizontal-scrolling-responsive-menu

The post CSS: How to Make Menu Scroll Horizontally for Responsive Designs on Mobile Devices appeared first on King Rosales.

Want to read the full case study?

Fill out the form below and we can talk more about how I can help you as well.

The post Visions Electronics’ Google Ads ROAS Jumps by 280% in 30 Days with PPC Optimization appeared first on King Rosales.