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.
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;}
About Black Boys CodeBlack Boys Code is a nonprofit organization that believes in developing a generation of young Black men who see success in technology careers as an option not an impossibility. Black Boys Code developes workshops, mentorships, and hackathons that are tailored to the needs of young Black males in order to better equip them for the 21st century workforce in STEM (Science, Technology, Engineeering, Mathematics). They are inspiring a generation of Black youth to take control of their future and become tomorrowās digital creators and technological innovators. Black Boys Code do that by helping them develop digital literacy and computer competenceāthe foundation of a path towards a career in technology. HistoryCreated by the organizationās founder and CEO Bryan Johnson in 2015, Black Boys Code has been working full-time ever since to open Black kidsā eyes to the opportunities they have in the high paying technology fields. Johnson said heās hopeful many will pursue high-tech degrees and careers. Rapid GrowthBlack Boys Code is a non-profit organization with 11 chapters across Canada and one in Chicago with planned future expansions to come. How You Can HelpBlack Boys Code gets its support from all levels of government and well as private…
Get All The Late Breaking Seattle Kraken News At Seattle Hockey Insider. Latest news, interviews, wrapups on Seattle Kracken and Pacific teams in the NHL. Simmer In 60 post game synopsis and more from NHL broadcast veteran Rob Simpson.
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.
Here's how to hide the date and clock icon on the You Might Also Like related blog posts at the bottom of single blog posts. Add this code the the OceanWP Custom CSS/JS Customizer. Hide This time.published {display:none;} To set posts to display by category or tags go to Blog > Single Post > and scroll to Related Posts Taxonomy.
Just add this little snippet of code to the Customizer > Custom CSS/JS Vancouver Hockey Insider #footer {border-top:8px solid #002D55;}
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; }