Change OceanWP Menu Search Icon Size
Careful, making the font size too large will break the menu height. /* Menu Search Icon Size */ #site-header i.icon-magnifier {color:#;font-size:120%;font-weight:bold;}
OceanWP Blog Post Link Decoration Underline Color
/* Post Text Decoration Underline Color */ .single-post .entry-content a {text-decoration-color:#ff0000 !important; }
OceanWP Blockquote Editing
I've found some templates are messing with the default blockquote settings. I used this bit of css to change it to what I need. .wp-block-quote {border-left-color:#13aff0 !important;border-left-width: 8px !important;} .wp-block-quote p { margin: 30px 0 20px; } .wp-block-quote {font-size:110%;font-weight:bold;}
Heading and Title Cheat Sheet For Oceanwp
Top Menu Menu HeightCustomizer > Header > General > Menu > Height Sticky Header HeightSticky Header > Sticky Height Header Menu Font SizeTypography > Main Menu > Font Size Headers Header Border BottomHeader > General > Style > turn off Header Border Bottom Sticky Header Drop ShadowSticky Header > Sticky > no shadow when scrolling Sticky header height: Sticky Header Header Post Title NameBlog > Single Post > Page Header Title (blog or Post Title) BreadcrumbsTypography > Breadcrumbs General Options > Page Title > Breadcrumbs Page Title= the place where "Blog" and breadcrumbs are. Align Breadcrumbs with this css. .site-breadcrumbs {text-align:left;font-weight:bold;} .page-header-title {color:#001ef2; } Underneath post photo: blog post title .single-post-title entry-title {display:none;}
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…
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
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.
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.