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

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

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

Setting OceanWP Full Screen Blog Layout Margins

I discovered a problem when setting up a new site with OceanWP when setting pages to full screen layout via Customizer > Blog > Single Post. The sides, top and bottom had margin of 0 by default. The Customizer settings don't allow you to set margins. I had to insert this piece of css in Customizer > Custom CSS/JS. .single-post.content-full-screen .content-area { max-width: 90% !important; margin: 35px auto !important; } The margin: 35px sets the top and bottom margins.

Continue ReadingSetting OceanWP Full Screen Blog Layout Margins

OceanWP Tips:Quick Reference Guide

Demo Templates | Headers | Styling & Colors | Layout & Design | OceanWP Widgets | Woocommerce Settings | Misc. OceanWP Settings OceanWP is robust theme with plenty of options and customizability but it's settings in the Customizer aren't always the easiest or most intuitve to find. Occasionally, a bit of custom CSS is needed nudge OceanWP to do what you want. I have been using the theme for several years and created this cheat sheet of notes and CSS examples as a handy reference to help make the changes I want quickly. Oceanwp Website Demo Themes Tips First Customizations To A New OceanWP Demo Site Here are the exact places to edit changes to the default settings immediately after installing a new OceanWP demo Template. MENU COLORS Edit Menu colours first when customizing a theme via the Wordpress Customizer. Header > Logo Header > Menu (main colour changes are here) Typography > Main Menu BODY COLOURS & FONT STYLES General Options > General Styling Typography > Body (OceanWP default font is Open Sans) Typography > Main Menu MENU POSITIONHeader > Menu HIDE THE OCEANWP PAGE TITLE ON TOPAppearance > Customize > General Options > Page Title and set the…

Continue ReadingOceanWP Tips:Quick Reference Guide

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