Author: Cranky

This author has written 92 articles

Changing OceanWP Header Social Icon Colors

Read more about the article Changing OceanWP Header Social Icon Colors

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;}

Continue ReadingChanging OceanWP Header Social Icon Colors

Using Only A Single Page From An Elementor Web Kit

Read more about the article Using Only A Single Page From An Elementor Web Kit

Using Elementor Kit Single Pages If importing a kit, Elementor can import header, footer and 404 pages. Go to:Elementor /Templates/Kit Library Click View Demo/ Overview (to view separate pages) Click Apply KitCustomize to choose what you want Choose between:templates or content or settings (AVOID SETTINGS if importing to existing site) TEMPLATESSaved Templates, Headers, Footers, Archives, Single Posts, Single Pages, Search Results, 404 Error Page, Popups, Global widgets. If importing headers and footers, you will need to switch back to your default footers. If in OceanWP, turn off the Elementor one (make display rule, exclude display on all pages) for header or footer. IF IMPORTING ONLY TEMPLATESIf choosing just Templates, you can choose Header, Footer and Error 404importing only templates imports the new headers, footers and 404's into the Theme Builder.Parts will show then up in Elementor Theme Builder click All Parts on top. Will mess with existing headers and footers!!!!! CONTENTElementor Pages, Landing Pages, Elementor Posts, WP Pages, WP Posts, WP Menus, Custom Post Types BUT NO HEADER OR FOOTERIf importing content it will import new pages, reset home page back to existing one. Delete new pages you don't want. CUSTOM POST TYPE SETTINGSSite Settings will be affected if importing…

Continue ReadingUsing Only A Single Page From An Elementor Web Kit

Black Boys Code Non Profit For Black Education

Read more about the article Black Boys Code Non Profit For Black Education

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…

Continue ReadingBlack Boys Code Non Profit For Black Education

Restore Thumbnails In Windows 10

Read more about the article Restore Thumbnails In Windows 10

Have you ever downloaded a stock photo or imported other images but the thumbnails are not showing up? You've tried refreshing the folder and clearing the thumbnail cache in Windows Explorer but nothing works. I've found this fixes the problem. Download Windows Powertoys and use the image resize Powertoy option. Right click on image on menu. You can set the custom same size option to the original dimensions if you don't want to resize. https://docs.microsoft.com/en-us/windows/powertoys/install

Continue ReadingRestore Thumbnails In Windows 10

Setting OceanWP Full Screen Blog Layout Margins

Read more about the article 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
Newer Posts
Older Posts