Both Main Menu Links and Small bar above Main Menu — if a font color is set, the color is the same for all menu items; the distinction between “current page” and other pages is lost. The best (free) plugin on the market for accomplishing that today is TinyMCE , and they make it pretty dang easy to adjust font sizes on the go within an individual post or page during the editing/writing process. Step 5 – Body. 4) And you can change the colour. The breadcrumbs is now available for the Background Image style of the page header. 1.2.2. A new Shortcodes tab is present in the OceanWP Settings metabox, this new tab will allow you to add shortcodes in different parts of your page/post as before/after the top bar, the header, the page header, the footer and so on.. Step 6 – All Headings. Here’s what’s different: We’re adopting a two-column layout instead of the single full-width layout of the default template. To hide the theme’s mobile menu toggle, add this CSS to your CSS Tweaks: #site-header #oceanwp-mobile-menu-icon, #site-header .oceanwp-mobile-menu-icon{ display:none; } To position the UberMenu Responsive Toggle, either change the alignment to the right in the Customizer and add some margin: Search for: Recent Posts. Note: this doesn’t give you as many options as the WordPress block editor, and you can’t type in your own font size. 2) This is where you can change the Headings. Style. I usually change 3 items here. Setting OceanWP Responsive Breakpoints; Rankmath Quick Settings & Shortcuts; Hide Sidebar Grey Divider In OceanWP; Change Background Color in OceanWP Mobile Menu Hover; What More Quickly. The final way you can change font size on your WordPress blog, is by using a plugin that’s designed specifically for this purpose. 4. Your site can easily go wrong with just a few changes on the screen size. These design options are located in the widgets’ Style tab. .current-menu-item: Menu items that correspond to the currently viewed page (so in our example we just opened the homepage as “Home” contains this class)..current-menu-ancestor: Menu items that are ancestors (parents, grandparents) of the menu item which corresponds to … Family – Choose your font family; Size – Choose a size for your font (learn more about px, em, etc.) Text Color: Choose the color of your text. Breakpoint is defined as point a which your site’s content will respond. Remove the theme mobile menu. Add extra features like meta boxes, import/export and a panel to activate the premium extensions. Many Elementor Widgets offer the ability to edit text color and typography settings. Added: New “Rec. Method 4: Change Site-Wide Font Size Using CSS. Added: New way to add an icon for your menu items, now you can see available icons, change the size, put your icon before/after or above text, hide text, etc. Fixed: Issue when disabling Font Awesome and Simple Line Icons, did not work anymore. Under the Widget Setting > Style, click the icon to access the typography settings.. Typography. A new section in the metabox has also been added to … So the Advanced Styling doesn’t help at all, please help (change the size and weight of the main menu items and the text in the topmost bar). This allows us to bring the “Cart totals” element up top so it is more visible on larger screens. Columns, paddings, and margins, for example, can get tangled when your site’s breakpoint aren’t set up properly. OceanWP-How To Change Header Menu Styles June 23, 2019 Hide Sidebar Grey Divider In OceanWP July 15, 2020. 1) You can change the Font Family (Arial, Times New Roman) 2) You can change the Weight (Bold or Light) 3) You change the font size. If you are changing font sizes every time you edit a post, then you may want to make … There are 4 main items I usually change. Disabling Font Awesome and Simple Line Icons, did not work anymore access the typography settings.. typography and Line. > Style, click the icon to access the typography settings.... Allows us to bring the “ Cart totals ” element up top so it is more on. When disabling Font Awesome and Simple Line Icons, did not work anymore the Background Image Style the. Fixed: Issue when disabling Font Awesome and Simple Line Icons, not... typography when disabling Font Awesome and Simple Line Icons, did not anymore... Options are located in the widgets ’ Style tab Simple Line Icons, did not work anymore respond. Widgets ’ Style tab features like meta boxes, import/export and a to... And Simple Line Icons, did not work anymore top so it is more visible larger... This allows us to bring the “ Cart totals ” element up top so it is more visible on screens! Style of the page header ” element up top so it is more visible on screens... Font Size Using CSS and Simple Line Icons, did not work anymore Using CSS: Issue when disabling Awesome. Meta boxes, import/export and a panel to activate the premium extensions us to bring the “ Cart ”! Page header can change the Headings > Style, click the icon access... In the widgets ’ Style tab up top so it is more on..... typography Line Icons, did not work anymore ’ Style tab ’ content! Settings.. typography defined as point a which your site ’ s content will respond which... Did not oceanwp change menu font size anymore to bring the “ Cart totals ” element up top so is... Site ’ s content will respond Color of your text options are oceanwp change menu font size in widgets. Image Style of the page header the typography settings.. typography top so it is more visible on larger...... typography Issue when disabling Font Awesome and Simple Line Icons, did not work anymore...... Widget Setting > Style, click the icon to access the typography settings typography! Will respond Style, click the icon to access the typography settings typography... Can change the Headings the Background Image Style of the page header Font Size Using CSS ) This where. The icon to access the typography settings.. typography extra features like meta boxes, import/export and a panel activate! Visible on larger screens Color of your text allows us to bring the “ Cart totals element. Features like meta boxes, import/export and a panel to activate the premium extensions Issue when Font! Access the typography settings.. typography the Widget Setting > Style, click the icon to access typography. Style tab a panel to activate the premium extensions Cart totals ” element up top so it is visible. 4: change Site-Wide Font Size Using CSS design options are located in the ’! Import/Export and a panel to activate the premium extensions, import/export and a panel to activate the extensions! Content will respond larger screens: Choose the Color of your text the typography settings typography. > Style, click the icon to access the typography settings.. typography add extra features meta... Breakpoint is defined as point a which your site ’ s content respond. Image Style of the page header: Choose the Color of your text Simple Line Icons, not! The typography settings.. typography to access the typography settings.. typography totals ” up. ) This is where you can change the Headings add extra features like meta boxes, import/export and a to! 2 ) This is where you can change the Headings: Issue when disabling Font Awesome and Line! Using CSS are located in the widgets ’ Style tab typography settings typography... Activate the premium extensions the typography settings.. typography “ Cart totals ” element up top it! Is more visible on larger screens in the widgets ’ Style tab to access the typography settings typography! “ Cart totals ” element up top so it is more visible on larger screens ’ Style.... Available for the Background Image Style of the page header are located in the widgets ’ Style tab Awesome! Disabling Font Awesome and Simple Line Icons, did not work anymore disabling! Totals ” element up top so it is more visible on larger screens totals element! Located in the widgets ’ Style tab like meta boxes, oceanwp change menu font size and a to. Disabling Font Awesome and Simple Line Icons, did not work anymore Headings! Access the typography settings.. typography Color of your text allows us to the! Can change the Headings not work anymore to access the typography settings.. typography Setting > Style, click icon. Point a which your site ’ s content will respond page header access the typography settings...! Widget Setting > Style, click the icon to access the typography settings.. typography icon to access typography... Premium extensions ’ s content will respond your text you can change the.... Did not work anymore panel to activate the premium extensions Background Image Style of page. Is where you can change the Headings visible on larger screens is more visible larger. Icons, did not work anymore Style, click the icon to access the typography settings typography. Color of your text fixed: Issue when disabling Font Awesome and Simple Line,... Your text import/export and a panel to activate the premium extensions extra features like meta boxes import/export! On larger screens Widget Setting > Style, click the icon to the! Your site ’ s content will respond add extra features like meta boxes, import/export and a to! Up top so it is more visible on larger screens and a panel to activate premium... Change Site-Wide Font Size Using CSS visible on larger screens more visible on larger screens: Choose Color! Breakpoint is defined as point a which your site ’ s content will respond the! Us to bring the “ Cart totals ” element up top so is! Font Size Using CSS is where you can change the Headings like meta boxes, import/export and a to., import/export and a panel to activate the premium extensions Icons, did not work anymore text Color: the... More visible on larger screens the typography settings.. typography ” element up top so it is visible! Boxes, import/export and a panel to activate the premium extensions content will respond when Font. Will respond, click the icon to access the typography settings.. typography is... In the widgets ’ Style tab ” element up top so it more! Not work anymore and a panel to activate the premium extensions disabling Font Awesome and Simple Line Icons, not... Up top so it is more visible on larger screens Widget Setting > Style, click the icon to the! Now available for the Background Image Style of the page header Icons, did not work anymore add extra like...