Currently there is no setting to change the text and button size in the OceanWP Blog Grid Elementor Widget. However, you can make those changes by editing CSS in the Elementor widget's Advanced > Custom CSS tab. You can insert this css there. selector .overlay-btn {position:absolute; left: 50%;min-width:200px; padding:16px 12px; font-size: 18px; }
Have you ever wanted to change the background color from that drab dark grey in the OceanWP footer widget section? It's easy. Just add this css in the Customizer CSS/JS editor and change the color to your preference. #footer-widgets {background-color:#}
If you are not using a logo on your Wordpress theme and just have text for the site title or sitename, here is where you can change the site name color in the OceanWP theme. In the OceanWp Customizer (Wordpress's Appearance/Customize) go to Header/Logo section and scroll down to the Color setting and use the color picker or type in your hex value. This will change the text color in the header.
There are 2 settings to check. First, if you have Jetpack installed, be sure to turn it off here.Jetpack/Settings/Traffic/Related posts PS. Jetpack Sitemaps are also here.Jetpack/Settings/Traffic/Sitemaps Second, to turn off Related Posts at the bottom of blog posts in OceanWP, go to Wordpress Customizer/Blog/Single PostElements Positioning/Related Posts To turn off the time stamps on these posts add this in CSS/JStime.published {display:none}
Go to Appearance ยป Customize and click on the 'Site Identity' tab. Images must be square and at least 512px X 512px. File formats can be gif, jpg or png and be uploaded from your Wordpress media library.
How To increase the icon size within the Elementor toggle widget Cut and paste this into the Wordpress Customizer/Custom CSS. Change the icon size by adjust the font size. This will be global changes and affect all elementor toggles on the site. To change it for just one toggle widget, go to the widget's Advanced tab and paste into Custom CSS field. .elementor-toggle .elementor-tab-title.elementor-active .elementor-toggle-icon-opened { display: block; font-size: 20px; } .elementor-toggle .elementor-tab-title .elementor-toggle-icon .elementor-toggle-icon-closed { display: block; font-size: 20px; } How To increase the icon size within the Elementor accordion widget .elementor-accordion-item .elementor-accordion-icon { font-size: 20px; }
Page Content Body Text Color: Typography/Body/Font ColorLink Colors for Whole Site:General Options/General Styling/Links Color To set a global site link color across both Elementor and OceanWP. This will change every link color on the site.In Wordpress Customizer/Custom CSS/JS a { color: #00EEEE; } a:visited { color: #551A8B; }
With themes like OceanWP's Lauren theme that have header background images on pages. Here is where you can change the background image. General Options > Page Title section. The default install image does not show up in the settings which may be confusing but after you change it it will show up in this section.