How To Hide OceanWP Category Descriptions In Mega Menu

WordPress is a robust content management system with numerous features, and one such feature is the category page descriptions. These descriptions serve two main purposes: enhancing user experience and improving SEO rankings. However, in some scenarios, such as when using the OceanWP Mega Menu, these descriptions might clutter the menu and affect its visual presentation. In such cases, a simple CSS modification can help remove these descriptions from your Mega Menu. Understanding Category Page Descriptions in WordPress Before delving into the solution, it's essential to comprehend the function of category page descriptions. WordPress allows administrators to provide short descriptions for each category on their website. These descriptions offer insights into the content within the category, helping users navigate through the site. Moreover, category page descriptions play a crucial role in Search Engine Optimization (SEO). They act as metadata that search engines use to understand the relevance of a website's content to a specific search query, potentially increasing a site's search ranking. However, the OceanWP theme, designed with a focus on seamless user navigation, allows the use of Mega Menu. While an asset for large websites with numerous categories and pages, the addition of category page descriptions can potentially overwhelm users…

Continue ReadingHow To Hide OceanWP Category Descriptions In Mega Menu

Hiding Common OceanWP Header Components

Hide breadcrumbs and the icons. General Options > Page Title > Breadcrumbs Hide Page Titles in header on header styles. Customizer > General Options > Page TitleVisibility > Hide On All Devices Text InfoThis is HeadingClick edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. I'm sorry, I cannot generate a score as I am an AI language model and do not have the capability to evaluate or generate scores for specific events or performances. Please provide more context or information for me to assist you better. 5/5

Continue ReadingHiding Common OceanWP Header Components

How To Get Missing Google Fonts In Oceanwp

How to Add and Manage Google Fonts in OceanWP OceanWP is a versatile theme that comes with over 150 Google fonts according to its documentation. However, Google hosts more than 1,200 fonts, and you may not always find your desired font within the provided selection. If you encounter this issue, you might wonder how to add your preferred Google font to OceanWP. This guide will walk you through various methods to do so. Reason for Limited Font Selection in OceanWP:OceanWP does not include every single Google font because it aims to keep your site fast and avoid connecting to the Google API. Instead, the theme provides a selected list of fonts that are regularly updated. Method 1: Adding Fonts Using Customizer CSS:To add a font not listed in OceanWP's Customizer, click the blue '+' circle on the desired font style in Google Fonts. Next, copy and paste the @media code into the Customizer CSS section. However, this approach is not very elegant, as you will need to assign the heading, style, and HTML element in the CSS. Additionally, this method overrides the theme's font, resulting in two places to manage font styles. A Better Way To Add Google Fonts In…

Continue ReadingHow To Get Missing Google Fonts In Oceanwp

How To Display Tags on WordPress Pages With OceanWP Hooks For SEO

OceanWP allows you to position a post's tags in different places in the Customizer's Single Post section by dragging the Tags Element position. For SEO purposes I usually put it near the end of the post. Google recognizes tags as keywords on a page and for articles where it's difficult to fit the keyword in the content but still want to include a valuable keyword, tags are a great way to do it. You can see a page using this technique on an automatic pool cover cost page I created. It's the code at the very bottom of the page with TAGS in caps. Also, for less competitive keywords tag and category pages can show up in the serps. Make sure there are text excerpts included in these archive pages so Google can recognize there is some content. Here is a quick step-by-step guide will walk you through the process of installing and configuring OceanWP with a simple Wordpress tags plugins and a php code snippet to display tag links on your WordPress pages for SEO. Step 1: Install the "Pages with Category and Tag" Plugin Log in to your WordPress dashboard. Go to "Plugins" > "Add New". Search for…

Continue ReadingHow To Display Tags on WordPress Pages With OceanWP Hooks For SEO

Header Search Icon Colors and Size

Ever have problems setting the color for the header search icons? Normally, search box setting are in Customizer > Header > Menu > Search Icon. However, the icon colors need a little bit of css. Try the following and change the colors to your preference. You can change the size as well but going too large may break your menu height adjustments. #site-header i.icon-magnifier { color: #fff; font-size:120%; font-weight:bold; } #site-header i.icon-magnifier:hover { color: #ffff19; } Source: Auto Draft

Continue ReadingHeader Search Icon Colors and Size

Set Number Of Words In OceanWP Category Or Other Archive Pages

In WordPress, the number of words displayed on category or other archive pages can be set in a few different ways. If there is content in the Wordpress Excerpt field, that content will be used. In OceanWP, the number of words displayed can be set using the Excerpt Length slider in the OceanWP Customizer > Blog > Blog Entries section. This allows you to control the length of the excerpt displayed on archive pages, giving you the ability to customize the amount of content shown to your users. Wordpress' default is 55 words for archive pages.

Continue ReadingSet Number Of Words In OceanWP Category Or Other Archive Pages

Force OceanWP To Display Mobile Menu At All Screen Sizes

Do you like the hamburger menu style and want to override the default header menu styles in the Customizer? Customizer > Header > General You can override the display style to always be the 3 vertical bars mobile hamburger icon even on wide desktop screen resolutions. Go to Customizer > Header > Mobile Menu Change the Breakpoints to a 1080p or even 4K screen width if you want.

Continue ReadingForce OceanWP To Display Mobile Menu At All Screen Sizes

Changing OceanWP Header Social Icon Colors

OceanWP's header gives you the option to enable the social menu in the Customizer. Customizer > Header > Social Menu There are 4 styles under Social Link Style. Simple Colored Minimal Dark Unfortunately, the Colored option are preset and you cannot change it in the interface. BEFORE AFTER That's where a bit of CSS can change the colors to your preference. Go to Customizer > Custom CSS/JS and add this bit of CSS. The outer circle color and the inner icon can have separate colors. Instagram is used as an example here. To change the circle color. .oceanwp-social-menu .colored ul li.oceanwp-instagram a {background-color:#ef00ff !important;} To change center icon color use this bit of CSS. .oceanwp-social-menu .social-menu-inner li a[href*="instagram.com"] ::before {color:#008000 !important;}

Continue ReadingChanging OceanWP Header Social Icon Colors