Text Module Content

<strong>Lorem Ipsum</strong> is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's <span class="blur-text">standard dummy text</span> ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

<style type="text/css">
  span.blur-text{
transition: 0.25s filter linear;
filter: blur(8px);
}
span.blur-text:hover{filter: blur(0px);}
</style>

 

Note

The CSS can be added via the Text Module’s Advanced tab.

Step 1) Under CSS ID & Classes, add your class. In this example enter “blur-text” without the quotes.
Step 2) Under custom CSS, add your CSS. In this example you would add:

  span.blur-text{
transition: 0.25s filter linear;
filter: blur(8px);
}
span.blur-text:hover{filter: blur(0px);}

 

Add-CSS-Class

Add CSS Code

Text Module Content

<h2>Dad Jokes</h2>
If <strong>Dr. Pepper</strong> was a doctor, what kind of doctor would he be? 

He would be a <span class="obscure-text">fizzician</span>.

Why do crabs never give to charity? 

Because <span class="obscure-text">they’re shellfish.</span>.

Why did the elephant have three red tennis shoes and one yellow shoe?

Because he <span class="obscure-text">forgot to lift his leg</span>!

<style type="text/css">
span.obscure-text{
 transition: all .2s ease-in;
  background: #666;
}
span.obscure-text:hover{background: transparent;}
</style>

 

Divi 5 Released

by Admin | Mar 13, 2025 | Blog, Design, News & Notices

Discover the future of web design with Divi 5, where creativity meets functionality. Elevate your projects with cutting-edge features and seamless integration.Divi 5 marks a significant milestone in the web design industry, offering unparalleled flexibility and power...

Reveal Text on Hover

by Admin | Feb 7, 2025 | Blog, WordPress, WordPress Tips & Tricks

How to use CSS to make text appear when hovering over a div. By using the :hover pseudo-class, one can show and hide text on hover using CSS. In the demos below, I'm using the hover pseudo-class along with the background and text color attributes.Hide Text Until Hover...

Divi Translucent Glass Hover Effect

by Admin | Apr 11, 2024 | Blog, Design, Tips & Tricks

Clinton Eastwood Jr. (born May 31, 1930) is an American actor and film director. After achieving success in the Western TV series Rawhide, Elon Reeve Musk is a businessman and investor. He is the founder, chairman, CEO, and CTO of SpaceX; angel investor, CEO, product...

« Older Entries

The post Reveal Text on Hover appeared first on HQ Secure Global Internet.

SEO Specialist

Level up Your SEO Game: Crush the Competition with Killer Backlinks!



SEO Strategy



SEO Audits



SEO Analytics

Let’s put you on the top

Competitive SEO, or search engine optimization, is all about staying ahead of the game and outperforming your competitors in the digital space. One key factor that can make or break your website’s ranking is the quality of your backlinks. In this article, we will explore the importance of high-quality backlinks in competitive SEO and how you can build a strong backlink profile to boost your website’s ranking. We will also unveil some secrets to gaining an edge over your SEO competitors and master the art of competitive SEO with strategic high-quality backlinks.

Free Audit

Start With a Free SEO Audit

Contact HQ Secure

Web Presence SEO Experts

Email

hello@hqsecure.com

Phone

(970) 690-1356 Talk/Text

Schedule A Free Call

Services

SEO Audit & Analysis

On-Page Optimization

Full Website Optimization

Consultation

Performance Enhancements

Resources

Schedule an Audit

Blog

Case Studies

What is SEO?

The post Competitive SEO with High Quality Back Links appeared first on HQ Secure Global Internet.

For Version 6.2, the database version (db_version in wp_options) stayed at 53496 with Trac revision 55610.

A full list of tickets included in 6.2 can be found on Trac.

Meet  the reimagined Site Editor

An updated interface gives you more control over your site editing experience. Explore full previews of your templates and template parts, then jump in and get to editing your site from wherever you choose.

Manage your menu in more ways with the Navigation block

A new sidebar experience makes it easier to edit your site’s navigation. Add, remove, and reorder menu items faster—no matter how complex your menus are.

Discover a smoother experience for the Block Inserter

A refreshed design gives you more visibility and easier access to the content you need. Use the Media tab to drag and drop content from your existing Media Library quickly. Find patterns faster with a split view that lets you navigate categories and see previews all at once.

Find the controls you want when you need them

Your block settings sidebar is better organized with tabs for Settings and Styles. So the tools you need are easy to identify and access.

Build faster with headers and footers for block themes

Discover a new collection of header and footer patterns. Use them with any block theme as a quick, high-quality starting point for your site’s templates.

Explore Openverse media right from the Editor

Openverse’s library catalogs over 600 million free, openly licensed stock images and audio—and now it’s directly integrated into the Editor.

Focus on writing with Distraction Free mode

For those times you want to be alone with your ideas. You can now hide all your panels and controls, leaving you free to bring your content to life.

Experience the Site Editor, now out of beta

Stable and ready for you to dive in and explore: 6.2 is your personal invitation to discover what the next generation of WordPress—and block themes—can do.

Meet the new Style Book

Get a complete overview of how every block in your site’s library looks. All in one place, all at a glance.

Copy and paste styles

Perfect the design on one type of block, then copy and paste those styles to other blocks to get just the look you want.

Custom CSS

Power up your site any way you wish. Add CSS to your site, or your blocks, for another level of control over your site’s look and feel.

Sticky positioning 

Choose to keep top-level group blocks fixed to the top of a page as visitors scroll.

Importing widgets

Options to import your favorite widgets from Classic themes to Block themes.

Local fonts in themes

Default WordPress themes offer better privacy with Google Fonts now included.

Learn more about WordPress 6.2

Explore Learn WordPress for quick how-to videos, courses, and other resources on using the latest features in WordPress. Or join a free live interactive online workshop.

Check out the WordPress 6.2 Field Guide for detailed developer notes to help you build with WordPress and get the most out of the latest release. Read the 6.2 release notes for additional technical details about this release, including installation information, updates, fixes, file changes, and more.

The post WordPress 6.2 ~ Dolphy! appeared first on HQ Secure Global Internet.

WordPress 5.0 is being released today, December 6th. This release contains a major change to the WordPress editor. The new editor, code-named Gutenberg, is a substantial leap forward in functionality. It uses a new block-based system for editing which allows you to embed a wide range of content in your posts and pages, and gives you a lot of flexibility in laying out those blocks on the page.

HQ Secure is in the process of testing this new release and once satisfied, will begin updating all WordPress websites to the new version.

Once Gutenberg and WordPress 5.0 have stabilized, they will provide long term benefits to WordPress users and the community. But in the short term, this change may introduce challenges for some WordPress site owners. In this post we will discuss a few points that will help you decide when to upgrade to WordPress 5.0, and to formulate a successful strategy for making the transition.

Why is WordPress changing the editor?

The WordPress core development team has been talking about Gutenberg for quite some time. The goal, according to Matt Mullenweg, is “to simplify the first-time user experience with WordPress — for those who are writing, editing, publishing, and designing web pages. The editing experience is intended to give users a better visual representation of what their post or page will look like when they hit publish.”

Overall, we agree that Gutenberg will be a giant leap forward in using WordPress to create content online. But, as Matt stated, the goal is to simplify the experience for the first-time user. For the rest of us who have assembled a number of tools to fill the gaps in the older editor’s shortcomings, this will be a period of adjustment.

Potential Problems With Legacy Plugins and Themes

WordPress has been around for over 15 years, and in that time millions of websites have been created using the current editing framework. Often, sites are created and never updated to more modern themes. There are a large number of abandoned plugins installed on WordPress sites – plugins that are no longer being actively maintained by their developers.  No one is testing these abandoned plugins or older themes to see how they will behave with Gutenberg.

Adding to the complexity, many of these sites may be hosted on managed WordPress hosting services that will auto-update to the new WordPress version.

Some WordPress site owners may be unable to effectively edit pages they had previously published. Some may be unable to access their edit screen. There may be server 500 errors or white screens for some users. Or everything may run smoothly, even with legacy plugins and a legacy theme.

With over 60,000 unique plugins in the WordPress plugin directory, it is not feasible to test all of the plugins with the new editor. Actively maintained plugins are, for the most part, being tested by the plugin authors. Abandoned plugins will not have been tested, so it is up to you to test whether WordPress 5.0 will work with these plugins.

The same applies to themes. Many themes are actively maintained by their authors. In other cases, a theme may have been created as a single project for a customer or created for the community and then left unmaintained. These unmaintained themes have not been tested with Gutenberg and WordPress 5.0.

If you do anticipate compatibility problems with WordPress 5.0, you can keep the current WordPress editor by installing the WordPress Classic Editor Plugin. We recommend you do this ahead of time, rather than try to use the new editor with incompatible code. But it’s also worth pointing out that Gutenberg and WordPress 5.0 are a significant step forward in editing power and flexibility. So it is worth investing the time to make your site compatible, modifying it if needed, and then reaping the benefits of a brand new block-based editor.

Will Wordfence work with Gutenberg?

Yes. Wordfence does not interact with the editor, so it will not be impacted by Gutenberg. Our QA team has thoroughly verified that Wordfence is ready for Gutenberg and WordPress 5.0.

Because you do have Wordfence installed, you will receive a notification that WordPress is out of date and requires an update. Please keep in mind that this is no ordinary update. This is a major change to your content management system, and we recommend that if you’re not ready for the new editor, wait to update WordPress. Yes, you will receive security warnings from Wordfence because the basic premise has always been to keep open source software updated. If you are not entirely ready for WordPress 5.0, however, there is no harm in staying on the current version while you get ready.

The current version of WordPress core is 4.9.8. If you remain on this version, you will continue to receive security updates from the WordPress core team. The current policy of the WordPress security team is to back-port security fixes to all auto-update compatible WordPress core versions. That means that all versions of WordPress core will continue to receive security updates all the way back to WordPress 3.7. This is not an open-ended policy and may change in the future.

How do I know if I am ready?

Do you have a testing environment for your website? Have you tried the new Gutenberg editor? Are you using a modern version of PHP? Great, you’ll likely be prepared for WordPress version 5.0. As with all major releases, we recommend updating your test environment first to look for problems.

Look for anomalies with all of your page layouts. It also makes sense to go back in time on your test environment and review older posts and pages to ensure they’re ready for the new editor.

As always back up both your site files and your database prior to any update, especially an update of this magnitude.

If your hosting provider auto-updates

If you’re on managed WordPress hosting, your hosting provider will automatically update WordPress for you. Your managed WordPress provider should be taking backups for you. Check with your hosting provider to see what support they will provide for the new WordPress editor and when they will be updating to WordPress 5.0. Some hosting providers, like Page.ly, are waiting until January of next year to do the update.

If you’re using a page builder or premium theme

If your site uses a page builder like Visual Composer, Divi, Beaver Builder or any other tool that uses shortcodes, check with the developer to ensure that your tool is ready for Gutenberg. Many page builders come bundled with premium themes. You may need to check with your theme developer to ensure that you have the updated versions installed on your sites.

What are the security implications of Gutenberg?

We are not currently aware of any security issues with WordPress 5.0 or Gutenberg. The project is being moved into production at a rapid pace which increases the risk of a security issue emerging, because this reduces the amount of time available for testing and debugging.

At this phase in the evolution of WordPress, there are a large number of security teams globally that have eyes on the code and are actively conducting research to determine if there are vulnerabilities in new WordPress releases. As soon as an issue emerges, our team will react and release a firewall rule in real-time to protect our Premium Wordfence customers.

Once WordPress 5.0 is released, there will likely be a series of smaller releases that will emerge over the following weeks. We recommend that you monitor the official WordPress blog and if they announce a security update, upgrade as soon as possible.

Overall Is This Good News

As mentioned above, Gutenberg and WordPress 5.0 are a major leap forward in the evolution of WordPress. Rapid innovation does not come without risk or inconvenience to a such a large user base. Our team is excited to embrace the new WordPress and to use it ourselves. By following our recommendations above, you can reduce the risk of this transition and migrate smoothly into 2019 with a powerful new editor for WordPress.

The post WordPress 5.0 – What You Need to Know appeared first on HQ Secure Global Internet.

A WordPress theme provides all of the front end styling of your WordPress site.

Most WordPress themes provide:

• Overall design or style of your site
• Font styling (color, style, font-family, kerning, line-height and more)
• Colors
• Widget locations (Specific content collection that can appear in multiple locations on a website)
• Page layouts (or templates)
• Shop page layouts
• Blog, page, post styles – additional stylistic details

Not all themes are created equally. Many themes underperform and plenty of others over perform. Some themes are poorly coded and cause problems; slow websites, crashes and more. Other themes are expertly coded and run fast and efficient.

Back in the old days (1997), I would code my own themes. Later on I used other developers ‘free’ themes. Eventually I started buying themes to save development time and be able to build a WordPress websites at competitive prices.

Some paid themes I’ve used:

https://themeforest.net/item/rttheme-15-premium-wordpress-theme/781397?s_rank=3
https://themeforest.net/item/karma-responsive-wordpress-theme/168737?s_rank=1
https://themeforest.net/item/real-homes-wordpress-real-estate-theme/5373914
https://themeforest.net/item/breeze-html5-css3-store-template/3722352

Several years ago a company named Elegant Themes was selling themes that were very well coded, so I started using those. As time went on they came up with the Divi theme (Teazen was using Divi). Divi has become the #1 WordPress theme in use today. It has a huge following and is well supported by Elegant Themes support staff, as well as Facebook pages and Divi specific development websites:

https://divilicious.com
http://diviplugins.com
https://divilife.com
https://divihelp.com

… the list goes on.

What is the best theme? There are plenty of ‘experts’ who pontificate on that subject:

https://athemes.com/collections/most-popular-wordpress-themes/
https://www.isitwp.com/top-wordpress-themes/
https://www.thebestdesigns.com/themes/
https://athemes.com/collections/most-popular-wordpress-themes/

For us developer, to have to jump into an unfamiliar theme can be a difficult proposition. You often need a road map to figure out how it is crafted together and how that relates to its doing its job. There certainly is a learning curve. Some themes have a huge learning theme (Avada WordPress Theme), others almost none at all.

I first began using the Divi theme in 2013. In the past few years I’ve only used Divi when developing new websites. I’ve had so much fun working with the Divi theme and interacting with other Divi developers that I’ve dedicated a Divi specific website to support the Divi community. But Divi isn’t for everybody.

The web developers of today don’t have the background in coding that some of us old guys grew up with. They grew up finding and using shortcuts to accomplish what us coders created years ago. For example, displaying content in uniform rows that compress and or stack depending what device they are being displayed on (desktop, iPad, mobile phone) involves some tricky coding. Since this need occurs on almost every website I developed a WordPress plugin called simple grid. My plugin give other Divi developers the ability to put in columnar data with the click of the mouse, saving them hours of coding.

If one doesn’t know about my Simple Grid plugin and can’t find their way around the code, developing content that requires columnar formatting will prove to be a difficult hill to climb. Likewise, a developer jumping into an unfamiliar theme will also have a rough go. It is for these reasons that most developers will recommend a specific theme to their clients. Of course they will want to work in a theme that they are familiar with and have used many times before.

Depending upon the complexity of a particular website, changing an existing theme should be thought out very carefully. It isn’t necessarily a bad thing – if said developer is going to be managing that website for days, weeks, months and years it makes sense to be in familiar territory.

A web development company or specific develoer may have changed out the theme to something they were familiar with. This tells the site owner they will be the main developer when it comes to content. Because they are familiar with the particular theme, they will then know how it performs with  the various plugins; WooCommerce, payment gateways, etc. and be able to work quickly and efficiently in it.

Going forward, you will want to consult with your previous developer and current developer on any theme additions and or changes as to future enhancements, functions, and extensions.

The post WordPress Themes – What You Should Know appeared first on HQ Secure Global Internet.

Not hosting with us? HQ Secure can still provide website maintenance and optimization services. We understand that managing ones WordPress site is not for everyone – having to deal with the hassle of running backups, updating WordPress to version 4.x,  updating host scripts, plugins, and or settings.  Sophisticated software packages like WordPress should be periodically reviewed and maintained at the least on a quarterly basis; every three months. HQ Secure’s WordPress Maintenance and Optimization Package tackles the technicalities for you and frees you from the worry and risks of exploitable code, incompatible code, or an upgrade gone wrong. WordPress Maintenance and Optimization packages from HQ Secure will protect your hard work, carefully collected content and website/blog settings.

HQ Secure WordPress Maintenance and Optimization Packages Include:

• Ongoing maintenance of a single WordPress site.
• WordPress database is backed up weekly (annual plan). Additional backup options available.
• Database is optimized and repaired as needed.
• Recovery assistance is provided in the event of a security breach or loss of data. (Includes one hour billable time)
• WordPress Database Back-up -HQ Secure will backup your WordPress database content and configuration, store it both remotely and locally. Don’t risk the loss of all your hard work, content and settings. DVD or CD-R copies $25.00 additional (up to 500MB).
• Upgrade WordPress – WordPress will be upgraded to the latest version. WordPress upgrades usually address the latest bugs and security fixes. It is highly recommended that you upgrade to the latest versions.
• Check Host for Script Updates
• WordPress Plugins Upgrade – Like WordPress, plugins are updated at the same time to address bugs, fixes, and new features. We will review you plugins and upgrade them to the latest version.
• Regular Password Changes (optional)
• File Permissions Check
• Security Scan
• Broken Links Check
• Comment Spam Review
• Includes 30 minutes of technical support to address compatibility problems, (additional technical support time will be billed at standard hourly rate)

HQ Secure takes the hassle out of your website maintenance. Sign-up for HQ Secure’s WordPress Maintenance and Optimization Package.

Pricing

• One Time –  $85.00
• Monthly Annual Pay: $149.50 – Best Value
• Note: This service is for websites NOT hosted by HQ Secure Global Internet

The post Non Hosted WP Maintenance appeared first on HQ Secure Global Internet.

Copy and paste this css into your child theme and watch the colors of your WooCommerce buttons magically appear in lime-ish green and purple.

Roll Your Own

Certainly limey green a purple aren’t going to satisfy everybody, and yes there is a trick to it – an easy way to change the colors. I cheated by heading over to ColorZilla’s Ultimate CSS Gradient Generator, picked a couple off the shelf gradients, then simply copied and pasted.

The post WooCommerce Button Colors appeared first on HQ Secure Global Internet.

There are a number of ways to fend off harvesters, each with their pros and cons. Generally speaking, the easier methods to implement are the most difficult for your visitors to use (and vice versa).

his method is simple to follow but comes with the risk that real humans also might get confused and “de-mung” the address incorrectly. Spam bots are also getting better, so it is reasonable to assume that some can pick up variations of an email address. But along with the GIF signature, this remains the easiest one to apply in places like community boards.

Hide via ASCII

Each character can be mapped to a corresponding ASCII code. ASCII codes are translated by browsers into the readable character form, but it handicaps the spam bots as they fail to recognize the codes. You can use the HQ Secure Email Obfuscater to generate and AXCII coded email address. Though not 100% effective, it will eliminate up to 80% of harverters. Now your email will look like:
you@yourdomain.com

Use an Image Email Address

The email address above is not text but a transparent GIF image created in a photo editor. It looks neater and spam bots cannot read it because it is an image file and using OCR is still a long way off. But using GIF email signatures has a couple of disadvantages – the recipient can miss the email ID if images are turned off in his browser. Also, a GIF email sign ideally should not be hyperlinked… so recipients will have to key in the ID themselves, and that’s a bit inconvenient.

Encode With JavaScript

<script type='text/javascript'>var a = new Array('domain.com','you@your');document.write("<a href='mailto:"+a[1]+a[0]+"'>"+a[1]+a[0]+"</a>");</script>

That’s ‘johndoe@email.com’ obscured with JavaScript and inserted into the HTML of a webpage. Spam bots don’t do a good job of reading JavaScript and can’t find the ID in the source code, but our usual browsers render it perfectly. Of course, you need to have it switched on to display the email signature correctly. There are many JavaScript generators available freely on the web that can generate the code for you. Copy the code into your HTML where you want the link to appear.

Use a Disposable Email Address

Disposable email addresses are also a neat solution. These onetime dummy email accounts can be used when giving out email addresses to websites. You can abandon them at will. We have covered quite a few web services which generate disposable email addresses. Suggest: Yahoo, Gmail, Outlook…

I also came across a service called Scrim which protects your email address by disguising it using a custom link. You can try it out.

Use Contact Forms

Secure email forms are the best and most professional way to protect email addresses while soliciting information. All professionally designed websites will have one. It is user-friendly as all the reader has to do is add information and click on submit. Email addresses aren’t displayed to the readers or spam bots. A further barrier of a CAPTCHA prevents auto-populating bots from attacking the system. Yes, the reader cannot use his favored email client to send messages but that’s a small inconvenience.

Summary

These five points cover the bare minimum we can do as individuals and also as web designers to protect email addresses from the scourge of email harvesters. There are a few more advanced techniques that go around like Spider Traps. Anti-spam methods are many and more are coming online as the spam battle evolves. Battle may be a little soft; all out war! How do you combat it at your level? Are you aware of email harvesters and the tricks they play?

Final Word

Never respond to a spam email.  Do not click their ‘unsubscribe’ link. It only confirms your identity and makes your email address more valuable to them.

The post We Hate Email Harvesters appeared first on HQ Secure Global Internet.

My preferred method is to grab the url of the featured image, then use that to construct what will be needed given the design brief. The following is my code to grab the featured image URL:

Display URL Example

<?php if (has_post_thumbnail( $post->ID )) : ?>
<?php $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'single-post-thumbnail' ); ?>
<img src="<?php echo $image; ?>" />
<?php endif; ?>

Easy peasy. How about getting it to display as an image? Note I’ve added an image class to help me style how the image will be displaying.

Image Display Example

<?php if (has_post_thumbnail( $post->ID )) : ?>
<?php $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'single-post-thumbnail' ); ?>
<img class="myFeatured-image" src="<?php echo $image; ?>" />" alt="Featured Image" />
<?php endif; ?>

Let us link that displayed image to something. In this example I’m showing the featured image in a lightbox effect:

Hyperlinked Example

<?php if (has_post_thumbnail( $post->ID )) : ?>
<?php $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'single-post-thumbnail' ); ?>
<a href="<?php echo $image; ?>" title="Featured Image" rel="fancybox"><img class="myFeatured-image" src="<?php echo $image; ?>" />" alt="Featured Image" /></a>
<?php endif; ?>

Showing the featured image full size then linking the same image to appear in a lightbox effect is silly at best. What generally occurs is displaying an image thumbnail, then having that link to the full size image. To achieve this I use the popular (and now secure) timthumb.php script found at Google

TimThumb.php Example

<?php if (has_post_thumbnail( $post->ID )) : ?>
<?php $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'single-post-thumbnail' ); ?>
<a href="<?php echo $image; ?>" title="Featured Image" rel="fancybox">
	<img class="myFeatured-image" src="http://your.path.to.timthumb.php?src=<?php echo $image; ?>&q=100" />" alt="Featured Image" />
</a>
<?php endif; ?>

Notes

In the above example, I’ve added q=100 which sets the rendered jpg quality to 100%. There are more variables that can be added, including how and where to crop. You will need the GD library installed on your server (who doesn’t these days). Learn more about the timthumb script and its primary developer Ben Gilbanks from Ben’s TimThumb website

The post Grab WordPress Featured Image URL appeared first on HQ Secure Global Internet.

Remember the website days past, where to have the coolest website it would have to have some stunning Flash animation flying around on the screen. Those days are long gone. Today the landscape is shifting, yes, more quickly than we can keep up at times. Mobile browsing is expected to outpace desktop-based access within three to five years. Two of the three dominant video game consoles have web browsers. We’re designing for mice and keyboards, for T9 keypads, for handheld game controllers, for touch interfaces. In short, we’re faced with a greater number of devices, input modes, and browsers than ever before.

 

Get Started

Your just a phone call away from having a responsive website.

Call Today!

The post Responsive Web Design appeared first on HQ Secure Global Internet.