Build, blog and sell with Polestar. It’s minimal, modern and easy to extend.
","content_selected_editor":"html","background":{"image":0,"image_fallback":"https://purothemes.com/wp-content/uploads/2018/02/el-cap.jpg","size":"full","image_type":"cover","opacity":50,"color":"#000000","url":"","so_field_container_state":"closed","new_window":false,"videos":[],"loop_background_videos":false},"buttons":[]},{"content":"Polestar's minimal approach extends beyond design; it's lightweight and optimized for speed.
","content_selected_editor":"html","background":{"image":0,"image_fallback":"https://purothemes.com/wp-content/uploads/2018/02/site-speed.jpg","size":"full","image_type":"cover","opacity":50,"color":"#000000","url":"https://demo.purothemes.com/polestar/about/","so_field_container_state":"closed","new_window":false,"videos":[],"loop_background_videos":false},"buttons":[]},{"content":"WooCommerce and Polestar make the perfect pair. Boost your eCommerce sales with a sleek shop design.
","content_selected_editor":"html","background":{"image":0,"image_fallback":"https://purothemes.com/wp-content/uploads/2018/02/woocommerce.jpg","size":"full","image_type":"cover","opacity":50,"color":"#000000","url":"https://demo.purothemes.com/polestar/shop/","so_field_container_state":"closed","new_window":false,"videos":[],"loop_background_videos":false},"buttons":[]}],"controls":{"autoplay":true,"speed":800,"timeout":8000,"nav_color_hex":"#FFFFFF","nav_style":"thin","nav_size":25,"swipe":true,"unmute_position":"top_right","so_field_container_state":"closed","autoplay_hover":false,"nav_always_show_desktop":false,"nav_always_show_mobile":false,"unmute":false,"background_video_mobile":false},"layout":{"desktop":{"height":"520px","height_unit":"px","padding":"50px","padding_unit":"px","extra_top_padding":"125px","extra_top_padding_unit":"px","padding_sides":"5%","padding_sides_unit":"%","width":"1190px","width_unit":"px","so_field_container_state":"closed"},"mobile":{"height_responsive":false,"height_responsive_unit":"px","padding":false,"padding_unit":"px","extra_top_padding":false,"extra_top_padding_unit":"px","padding_sides":false,"padding_sides_unit":"px","so_field_container_state":"closed"},"so_field_container_state":"closed","vertically_align":false},"design":{"heading_font":"","heading_color":"#FFFFFF","heading_size":"48px","heading_size_unit":"px","fittext":true,"fittext_compressor":0.85,"heading_shadow":50,"text_color":"#F6F6F6","text_size":"18px","text_size_unit":"px","text_font":"","text_shadow":0.25,"link_color":false,"link_color_hover":false,"so_field_container_state":"closed"},"_sow_form_id":"58dbacf3bed59","_sow_form_timestamp":"1634990821875","so_sidebar_emulator_id":"sow-hero-810000","option_name":"widget_sow-hero","panels_info":{"class":"SiteOrigin_Widget_Hero_Widget","raw":false,"grid":0,"cell":0,"id":0,"widget_id":"4ee25ae3-99d3-42ec-90f1-9edf1abcb838","style":{"background_image_attachment":false,"background_display":"tile"}}},{"headline":{"text":"Polestar WordPress Theme","destination_url":"","tag":"h2","color":false,"hover_color":false,"font":"default","font_size":"32px","font_size_unit":"px","align":"center","mobile_align":"center","line_height":false,"line_height_unit":"px","margin":"0px","margin_unit":"px","so_field_container_state":"closed","new_window":false},"sub_headline":{"text":"","destination_url":"","tag":"p","color":"#828282","hover_color":false,"font":"default","font_size":"16px","font_size_unit":"px","align":"center","mobile_align":"center","line_height":false,"line_height_unit":"px","margin":"10px","margin_unit":"px","so_field_container_state":"closed","new_window":false},"divider":{"style":"none","color":"#EEEEEE","thickness":2,"align":"center","mobile_align":"center","width":"25%","width_unit":"%","margin":false,"margin_unit":"px","so_field_container_state":"closed"},"order":["headline","divider","sub_headline"],"fittext":true,"fittext_compressor":0.85,"_sow_form_id":"58dbae6f43213","_sow_form_timestamp":"1573923420694","so_sidebar_emulator_id":"sow-headline-810001","option_name":"widget_sow-headline","panels_info":{"class":"SiteOrigin_Widget_Headline_Widget","raw":false,"grid":1,"cell":0,"id":1,"widget_id":"a3a11c0d-162b-48a2-be42-506d322a4e7e","style":{"padding":"25px 25px 25px 25px","background_image_attachment":false,"background_display":"tile"}}},{"features":[{"container_color":false,"container_position":"top","icon":"elegantline-mobile","icon_title":"","icon_color":"#2d2d2d","icon_image":0,"icon_image_size":"full","title":"Responsive Design","text":"Polestar's fluid layout perfectly adapts to a wide range of mobile devices. It's beautiful mobile menu makes browsing on touch devices quick and easy.
\n","text_selected_editor":"tinymce","more_text":"","more_url":""},{"container_color":false,"container_position":"top","icon":"elegantline-layers","icon_title":"Build With Page Builder","icon_color":"#2d2d2d","icon_image":0,"icon_image_size":"full","title":"Build With Page Builder","text":"Build stunning layouts with SiteOrigin's Page Builder plugin and the huge array of widgets it supports. Anything is possible.
\n","text_selected_editor":"tinymce","more_text":"","more_url":""},{"container_color":false,"container_position":"top","icon":"elegantline-basket","icon_title":"Sell With WooCommerce","icon_color":"#2d2d2d","icon_image":0,"icon_image_size":"full","title":"Sell With WooCommerce","text":"Polestar features custom WooCommerce styling that's both clean and functional. Optimized for conversion and speed.
\n","text_selected_editor":"tinymce","more_text":"","more_url":""}],"fonts":{"title_options":{"font":"default","size":false,"size_unit":"px","color":false,"so_field_container_state":"closed"},"text_options":{"font":"default","size":"14px","size_unit":"px","color":false,"so_field_container_state":"closed"},"more_text_options":{"font":"default","size":false,"size_unit":"px","color":false,"so_field_container_state":"closed"},"so_field_container_state":"closed"},"container_shape":"","container_size":"48px","container_size_unit":"px","icon_size":"48px","icon_size_unit":"px","per_row":3,"responsive":true,"title_link":true,"icon_link":true,"_sow_form_id":"58dba13ad3520","_sow_form_timestamp":"","icon_size_custom":false,"new_window":false,"so_sidebar_emulator_id":"sow-features-810002","option_name":"widget_sow-features","panels_info":{"class":"SiteOrigin_Widget_Features_Widget","raw":false,"grid":1,"cell":0,"id":2,"widget_id":"f7096052-6662-405c-8500-54e872b40f09","style":{"background_image_attachment":false,"background_display":"tile"}}},{"headline":{"text":"Recent Posts","destination_url":"","tag":"h2","color":false,"hover_color":false,"font":"default","font_size":"32px","font_size_unit":"px","align":"center","line_height":false,"line_height_unit":"px","margin":"0px","margin_unit":"px","so_field_container_state":"closed","new_window":false},"sub_headline":{"text":"","destination_url":"","tag":"p","color":"#828282","hover_color":false,"font":"default","font_size":"16px","font_size_unit":"px","align":"center","line_height":false,"line_height_unit":"px","margin":"10px","margin_unit":"px","so_field_container_state":"closed","new_window":false},"divider":{"style":"none","color":"#EEEEEE","thickness":2,"align":"center","width":"25%","width_unit":"%","margin":false,"margin_unit":"px","so_field_container_state":"closed"},"order":["headline","divider","sub_headline"],"fittext":true,"fittext_compressor":0.85,"_sow_form_id":"58dbda2779df5","_sow_form_timestamp":"1573923409971","so_sidebar_emulator_id":"sow-headline-810003","option_name":"widget_sow-headline","panels_info":{"class":"SiteOrigin_Widget_Headline_Widget","raw":false,"grid":2,"cell":0,"id":3,"widget_id":"a3a11c0d-162b-48a2-be42-506d322a4e7e","style":{"widget_css":"margin-bottom: 25px","background_image_attachment":false,"background_display":"tile"}}},{"title":"","default_thumbnail":0,"default_thumbnail_fallback":"","image_size":"sow-carousel-default","link_target":"same","loop_posts":true,"posts":"post_type=post&tax_query_relation=OR&date_type=specific&date_query={\"after\":\"\",\"before\":\"\"}&date_query_relative={\"from\":[],\"to\":[]}&orderby=date&order=DESC","design":{"thumbnail":{"thumbnail_overlay_hover_color":"#3279BB","thumbnail_overlay_hover_opacity":0.5,"so_field_container_state":"closed"},"item_title":{"tag":"h3","font":"default","size":false,"size_unit":"px","color":false,"so_field_container_state":"closed"},"navigation":{"navigation_color":"#fff","navigation_color_hover":false,"navigation_background":"#333","navigation_hover_background":"#444","so_field_container_state":"closed"},"so_field_container_state":"closed"},"responsive":{"desktop":{"slides_to_scroll":3,"navigation":true,"so_field_container_state":"closed"},"tablet":{"landscape":{"breakpoint":false,"slides_to_scroll":false,"navigation":true,"so_field_container_state":"closed"},"portrait":{"breakpoint":false,"slides_to_scroll":false,"navigation":true,"so_field_container_state":"closed"},"so_field_container_state":"closed"},"mobile":{"breakpoint":false,"slides_to_scroll":false,"navigation":true,"so_field_container_state":"closed"},"so_field_container_state":"closed"},"_sow_form_id":"58dbfb5116ffd","_sow_form_timestamp":"1634990641052","so_sidebar_emulator_id":"sow-post-carousel-810004","option_name":"widget_sow-post-carousel","panels_info":{"class":"SiteOrigin_Widget_PostCarousel_Widget","raw":false,"grid":2,"cell":0,"id":4,"widget_id":"5cffe2a1-9db1-41aa-9c35-29b9d8d67aa2","style":{"background_image_attachment":false,"background_display":"tile"}}},{"headline":{"text":"Customer Reviews","destination_url":"","tag":"h2","color":false,"hover_color":false,"font":"default","font_size":"32px","font_size_unit":"px","align":"center","line_height":false,"line_height_unit":"px","margin":false,"margin_unit":"px","so_field_container_state":"closed","new_window":false},"sub_headline":{"text":"","destination_url":"","tag":"p","color":"#828282","hover_color":false,"font":"default","font_size":"16px","font_size_unit":"px","align":"center","line_height":false,"line_height_unit":"px","margin":false,"margin_unit":"px","so_field_container_state":"closed","new_window":false},"divider":{"style":"none","color":"#EEEEEE","thickness":2,"align":"center","width":"25%","width_unit":"%","margin":false,"margin_unit":"px","so_field_container_state":"closed"},"order":["headline","divider","sub_headline"],"fittext":true,"fittext_compressor":0.85,"_sow_form_id":"58dbdf2352cc1","_sow_form_timestamp":"1573923326466","so_sidebar_emulator_id":"sow-headline-810005","option_name":"widget_sow-headline","panels_info":{"class":"SiteOrigin_Widget_Headline_Widget","raw":false,"grid":3,"cell":0,"id":5,"widget_id":"a3a11c0d-162b-48a2-be42-506d322a4e7e","style":{"widget_css":"margin-bottom: 25px","background_image_attachment":false,"background_display":"tile"}}},{"title":"","testimonials":[{"name":"Tommy Atkins","credentials":"","image":164,"text":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus laoreet vestibulum velit vitae pellentesque. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
","text_selected_editor":"tinymce"},{"name":"Mary Jones","credentials":"","image":165,"text":"Cras consequat quis libero eu vestibulum. Curabitur rutrum commodo lectus, non sodales libero feugiat quis. Vestibulum finibus ligula nibh, ut placerat quam.
","text_selected_editor":"tinymce"}],"settings":{"per_line":2,"so_field_container_state":"open"},"_sow_form_id":"58dbe4187462c","so_sidebar_emulator_id":"lsow-testimonials-810006","option_name":"widget_lsow-testimonials","panels_info":{"class":"LSOW_Testimonials_Widget","raw":false,"grid":3,"cell":0,"id":6,"widget_id":"281e2185-6369-4c45-98b7-256b924cd606","style":{"background_display":"tile"}}}],"grids":[{"cells":1,"style":{"row_css":"text-align: center;","background_image_attachment":false,"background_display":"tile","lsow_dark_bg":"","bottom_margin":"0px","row_stretch":"full-stretched","cell_alignment":"flex-start"},"color_label":4,"label":"Opening Hero Section"},{"cells":1,"style":{"padding":"50px 0px 50px 0px","mobile_padding":"15% 0% 15% 0%","background_image_attachment":false,"background_display":"tile","lsow_dark_bg":"","row_stretch":"full","cell_alignment":"flex-start"},"color_label":3,"label":"Features Section"},{"cells":1,"style":{"padding":"75px 0px 75px 0px","mobile_padding":"15% 0% 15% 0%","background":"#f6f6f6","background_image_attachment":false,"background_display":"tile","lsow_dark_bg":"","row_stretch":"full","cell_alignment":"flex-start"},"color_label":5,"label":"Recent Posts Section"},{"cells":1,"style":{"padding":"50px 0px 50px 0px","mobile_padding":"15% 0% 15% 0%","background_image_attachment":false,"background_display":"tile","lsow_dark_bg":"","bottom_margin":"0px","cell_alignment":"flex-start"},"color_label":2,"label":"Testimonials Section"}],"grid_cells":[{"grid":0,"index":0,"weight":1,"style":{"background_image_attachment":false,"background_display":"tile","vertical_alignment":"auto"}},{"grid":1,"index":0,"weight":1,"style":[]},{"grid":2,"index":0,"weight":1,"style":[]},{"grid":3,"index":0,"weight":1,"style":[]}],"name":"Home"} \ No newline at end of file +{"widgets":[{"frames":[{"content":"Build, blog and sell with Polestar. It’s minimal, modern and easy to extend.
","content_selected_editor":"html","background":{"image":0,"image_fallback":"https://purothemes.com/wp-content/uploads/2018/02/el-cap.jpg","size":"full","image_type":"cover","opacity":50,"color":"#000000","url":"","background_video_opacity":100,"so_field_container_state":"closed","new_window":false,"videos":[],"loop_background_videos":false},"buttons":[]},{"content":"Polestar's minimal approach extends beyond design; it's lightweight and optimized for speed.
","content_selected_editor":"html","background":{"image":0,"image_fallback":"https://purothemes.com/wp-content/uploads/2018/02/site-speed.jpg","size":"full","image_type":"cover","opacity":50,"color":"#000000","url":"https://demo.purothemes.com/polestar/about/","background_video_opacity":100,"so_field_container_state":"closed","new_window":false,"videos":[],"loop_background_videos":false},"buttons":[]},{"content":"WooCommerce and Polestar make the perfect pair. Boost your eCommerce sales with a sleek shop design.
","content_selected_editor":"html","background":{"image":0,"image_fallback":"https://purothemes.com/wp-content/uploads/2018/02/woocommerce.jpg","size":"full","image_type":"cover","opacity":50,"color":"#000000","url":"https://demo.purothemes.com/polestar/shop/","background_video_opacity":100,"so_field_container_state":"closed","new_window":false,"videos":[],"loop_background_videos":false},"buttons":[]}],"controls":{"autoplay":true,"speed":800,"timeout":8000,"nav_color_hex":"#FFFFFF","nav_style":"thin","nav_size":25,"swipe":true,"unmute_position":"top_right","so_field_container_state":"closed","autoplay_hover":false,"nav_always_show_desktop":false,"nav_always_show_mobile":false,"unmute":false,"background_video_mobile":false},"layout":{"desktop":{"height":"520px","height_unit":"px","padding":"50px","padding_unit":"px","padding_extra_top":"125px","padding_extra_top_unit":"px","padding_sides":"5%","padding_sides_unit":"%","width":"1190px","width_unit":"px","so_field_container_state":"open"},"mobile":{"height_responsive":false,"height_responsive_unit":"px","padding":false,"padding_unit":"px","padding_extra_top":false,"padding_extra_top_unit":"px","padding_sides":false,"padding_sides_unit":"px","so_field_container_state":"open"},"so_field_container_state":"open","vertically_align":false},"design":{"heading_font":"","heading_color":"#FFFFFF","heading_size":"48px","heading_size_unit":"px","fittext":true,"fittext_compressor":0.85,"heading_shadow":50,"text_color":"#F6F6F6","text_size":"18px","text_size_unit":"px","text_font":"","text_shadow":25,"link_color":false,"link_color_hover":false,"so_field_container_state":"open"},"_sow_form_id":"58dbacf3bed59","_sow_form_timestamp":"1657825095707","so_sidebar_emulator_id":"sow-hero-810000","option_name":"widget_sow-hero","panels_info":{"class":"SiteOrigin_Widget_Hero_Widget","raw":false,"grid":0,"cell":0,"id":0,"widget_id":"4ee25ae3-99d3-42ec-90f1-9edf1abcb838","style":{"background_image_attachment":false,"background_display":"tile"}}},{"headline":{"text":"Polestar WordPress Theme","destination_url":"","tag":"h2","color":false,"hover_color":false,"font":"default","font_size":"29px","font_size_unit":"px","align":"center","mobile_align":"center","line_height":false,"line_height_unit":"px","margin":"0px","margin_unit":"px","so_field_container_state":"open","new_window":false},"sub_headline":{"text":"","destination_url":"","tag":"p","color":"#828282","hover_color":false,"font":"default","font_size":"16px","font_size_unit":"px","align":"center","mobile_align":"center","line_height":false,"line_height_unit":"px","margin":"10px","margin_unit":"px","so_field_container_state":"closed","new_window":false},"divider":{"style":"none","color":"#EEEEEE","thickness":2,"align":"center","mobile_align":"center","width":"25%","width_unit":"%","margin":false,"margin_unit":"px","so_field_container_state":"closed"},"order":["headline","divider","sub_headline"],"fittext":true,"fittext_compressor":0.85,"_sow_form_id":"58dbae6f43213","_sow_form_timestamp":"1658944985306","so_sidebar_emulator_id":"sow-headline-810001","option_name":"widget_sow-headline","panels_info":{"class":"SiteOrigin_Widget_Headline_Widget","raw":false,"grid":1,"cell":0,"id":1,"widget_id":"a3a11c0d-162b-48a2-be42-506d322a4e7e","style":{"padding":"25px 25px 25px 25px","background_image_attachment":false,"background_display":"tile"}}},{"features":[{"container_color":false,"container_position":"top","icon":"elegantline-mobile","icon_title":"","icon_color":"#2d2d2d","icon_image":0,"icon_image_size":"full","title":"Responsive Design","text":"Polestar's fluid layout perfectly adapts to a wide range of mobile devices. It's beautiful mobile menu makes browsing on touch devices quick and easy.
\n","text_selected_editor":"tinymce","more_text":"","more_url":""},{"container_color":false,"container_position":"top","icon":"elegantline-layers","icon_title":"Build With Page Builder","icon_color":"#2d2d2d","icon_image":0,"icon_image_size":"full","title":"Build With Page Builder","text":"Build stunning layouts with SiteOrigin's Page Builder plugin and the huge array of widgets it supports. Anything is possible.
\n","text_selected_editor":"tinymce","more_text":"","more_url":""},{"container_color":false,"container_position":"top","icon":"elegantline-basket","icon_title":"Sell With WooCommerce","icon_color":"#2d2d2d","icon_image":0,"icon_image_size":"full","title":"Sell With WooCommerce","text":"Polestar features custom WooCommerce styling that's both clean and functional. Optimized for conversion and speed.
\n","text_selected_editor":"tinymce","more_text":"","more_url":""}],"fonts":{"title_options":{"font":"default","size":false,"size_unit":"px","color":false,"so_field_container_state":"closed"},"text_options":{"font":"default","size":"14px","size_unit":"px","color":false,"so_field_container_state":"closed"},"more_text_options":{"font":"default","size":false,"size_unit":"px","color":false,"so_field_container_state":"closed"},"so_field_container_state":"closed"},"container_shape":"","container_size":"48px","container_size_unit":"px","icon_size":"48px","icon_size_unit":"px","per_row":3,"responsive":true,"title_link":true,"icon_link":true,"_sow_form_id":"58dba13ad3520","_sow_form_timestamp":"","icon_size_custom":false,"new_window":false,"so_sidebar_emulator_id":"sow-features-810002","option_name":"widget_sow-features","panels_info":{"class":"SiteOrigin_Widget_Features_Widget","raw":false,"grid":1,"cell":0,"id":2,"widget_id":"f7096052-6662-405c-8500-54e872b40f09","style":{"background_image_attachment":false,"background_display":"tile"}}},{"headline":{"text":"Recent Posts","destination_url":"","tag":"h2","color":false,"hover_color":false,"font":"default","font_size":"29px","font_size_unit":"px","align":"center","mobile_align":"center","line_height":false,"line_height_unit":"px","margin":"0px","margin_unit":"px","so_field_container_state":"open","new_window":false},"sub_headline":{"text":"","destination_url":"","tag":"p","color":"#828282","hover_color":false,"font":"default","font_size":"16px","font_size_unit":"px","align":"center","mobile_align":"center","line_height":false,"line_height_unit":"px","margin":"10px","margin_unit":"px","so_field_container_state":"closed","new_window":false},"divider":{"style":"none","color":"#EEEEEE","thickness":2,"align":"center","mobile_align":"center","width":"25%","width_unit":"%","margin":false,"margin_unit":"px","so_field_container_state":"closed"},"order":["headline","divider","sub_headline"],"fittext":true,"fittext_compressor":0.85,"_sow_form_id":"58dbda2779df5","_sow_form_timestamp":"1658944993351","so_sidebar_emulator_id":"sow-headline-810003","option_name":"widget_sow-headline","panels_info":{"class":"SiteOrigin_Widget_Headline_Widget","raw":false,"grid":2,"cell":0,"id":3,"widget_id":"a3a11c0d-162b-48a2-be42-506d322a4e7e","style":{"widget_css":"margin-bottom: 25px","background_image_attachment":false,"background_display":"tile"}}},{"title":"","default_thumbnail":0,"default_thumbnail_fallback":"","image_size":"sow-carousel-default","link_target":"same","loop_posts":true,"posts":"post_type=post&tax_query_relation=OR&date_type=specific&date_query={\"after\":\"\",\"before\":\"\"}&date_query_relative={\"from\":[],\"to\":[]}&orderby=date&order=DESC","design":{"thumbnail":{"thumbnail_overlay_hover_color":"#3279BB","thumbnail_overlay_hover_opacity":0.5,"so_field_container_state":"closed"},"item_title":{"tag":"h3","font":"default","size":false,"size_unit":"px","color":false,"so_field_container_state":"closed"},"navigation":{"navigation_color":"#fff","navigation_color_hover":false,"navigation_background":"#333","navigation_hover_background":"#444","so_field_container_state":"closed"},"so_field_container_state":"closed"},"responsive":{"desktop":{"slides_to_scroll":3,"navigation":true,"so_field_container_state":"closed"},"tablet":{"landscape":{"breakpoint":false,"slides_to_scroll":false,"navigation":true,"so_field_container_state":"closed"},"portrait":{"breakpoint":false,"slides_to_scroll":false,"navigation":true,"so_field_container_state":"closed"},"so_field_container_state":"closed"},"mobile":{"breakpoint":false,"slides_to_scroll":false,"navigation":true,"so_field_container_state":"closed"},"so_field_container_state":"closed"},"_sow_form_id":"58dbfb5116ffd","_sow_form_timestamp":"1634990641052","so_sidebar_emulator_id":"sow-post-carousel-810004","option_name":"widget_sow-post-carousel","panels_info":{"class":"SiteOrigin_Widget_PostCarousel_Widget","raw":false,"grid":2,"cell":0,"id":4,"widget_id":"5cffe2a1-9db1-41aa-9c35-29b9d8d67aa2","style":{"background_image_attachment":false,"background_display":"tile"}}},{"headline":{"text":"Customer Reviews","destination_url":"","tag":"h2","color":false,"hover_color":false,"font":"default","font_size":"29px","font_size_unit":"px","align":"center","mobile_align":"center","line_height":false,"line_height_unit":"px","margin":false,"margin_unit":"px","so_field_container_state":"open","new_window":false},"sub_headline":{"text":"","destination_url":"","tag":"p","color":"#828282","hover_color":false,"font":"default","font_size":"16px","font_size_unit":"px","align":"center","mobile_align":"center","line_height":false,"line_height_unit":"px","margin":false,"margin_unit":"px","so_field_container_state":"closed","new_window":false},"divider":{"style":"none","color":"#EEEEEE","thickness":2,"align":"center","mobile_align":"center","width":"25%","width_unit":"%","margin":false,"margin_unit":"px","so_field_container_state":"closed"},"order":["headline","divider","sub_headline"],"fittext":true,"fittext_compressor":0.85,"_sow_form_id":"58dbdf2352cc1","_sow_form_timestamp":"1658945002093","so_sidebar_emulator_id":"sow-headline-810005","option_name":"widget_sow-headline","panels_info":{"class":"SiteOrigin_Widget_Headline_Widget","raw":false,"grid":3,"cell":0,"id":5,"widget_id":"a3a11c0d-162b-48a2-be42-506d322a4e7e","style":{"widget_css":"margin-bottom: 25px","background_image_attachment":false,"background_display":"tile"}}},{"title":"","testimonials":[{"name":"Tommy Atkins","credentials":"","image":164,"text":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus laoreet vestibulum velit vitae pellentesque. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
","text_selected_editor":"tinymce"},{"name":"Mary Jones","credentials":"","image":165,"text":"Cras consequat quis libero eu vestibulum. Curabitur rutrum commodo lectus, non sodales libero feugiat quis. Vestibulum finibus ligula nibh, ut placerat quam.
","text_selected_editor":"tinymce"}],"settings":{"per_line":2,"so_field_container_state":"open"},"_sow_form_id":"58dbe4187462c","so_sidebar_emulator_id":"lsow-testimonials-810006","option_name":"widget_lsow-testimonials","panels_info":{"class":"LSOW_Testimonials_Widget","raw":false,"grid":3,"cell":0,"id":6,"widget_id":"281e2185-6369-4c45-98b7-256b924cd606","style":{"background_display":"tile"}}}],"grids":[{"cells":1,"style":{"row_css":"text-align: center;","background_image_attachment":false,"background_display":"tile","lsow_dark_bg":"","bottom_margin":"0px","row_stretch":"full-stretched","cell_alignment":"flex-start"},"color_label":4,"label":"Opening Hero Section"},{"cells":1,"style":{"padding":"50px 0px 50px 0px","mobile_padding":"15% 0% 15% 0%","background_image_attachment":false,"background_display":"tile","lsow_dark_bg":"","row_stretch":"full","cell_alignment":"flex-start"},"color_label":3,"label":"Features Section"},{"cells":1,"style":{"padding":"75px 0px 75px 0px","mobile_padding":"15% 0% 15% 0%","background":"#f6f6f6","background_image_attachment":false,"background_display":"tile","lsow_dark_bg":"","row_stretch":"full","cell_alignment":"flex-start"},"color_label":5,"label":"Recent Posts Section"},{"cells":1,"style":{"padding":"50px 0px 50px 0px","mobile_padding":"15% 0% 15% 0%","background_image_attachment":false,"background_display":"tile","lsow_dark_bg":"","bottom_margin":"0px","cell_alignment":"flex-start"},"color_label":2,"label":"Testimonials Section"}],"grid_cells":[{"grid":0,"index":0,"weight":1,"style":{"background_image_attachment":false,"background_display":"tile","vertical_alignment":"auto"}},{"grid":1,"index":0,"weight":1,"style":[]},{"grid":2,"index":0,"weight":1,"style":[]},{"grid":3,"index":0,"weight":1,"style":[]}],"name":"Home"} \ No newline at end of file diff --git a/inc/styles.php b/inc/styles.php index 5608029..bafa074 100644 --- a/inc/styles.php +++ b/inc/styles.php @@ -40,8 +40,8 @@ function polestar_build_styles() { '.breadcrumbs a:hover', '.widget-area .widget a:hover', '.site-footer .widget a:hover', - '.widget #wp-calendar tfoot #prev a:hover', - '.widget #wp-calendar tfoot #next a:hover', + '.calendar_wrap .wp-calendar-nav .wp-calendar-nav-prev a:hover', + '.calendar_wrap .wp-calendar-nav .wp-calendar-nav-next a:hover', '.entry-meta > span a:hover', '.site-content .more-wrapper a:hover', '.yarpp-related ol li .related-post-title:hover', @@ -128,9 +128,18 @@ function polestar_build_styles() { '.woocommerce a .star-rating', '.woocommerce .price ins', '.woocommerce .product .summary .woocommerce-review-link:hover', + '.woocommerce .product .product-info-wrapper .woocommerce-review-link:hover', '.woocommerce .product .summary .variations .reset_variations:hover', + '.woocommerce .product .product-info-wrapper .variations .reset_variations:hover', + '.so-panel .variations .reset_variations:hover', + '.so-panel .variations .reset_variations:hover', + '.woocommerce .product .summary .woocommerce-grouped-product-list td a:hover', + '.woocommerce .product .product-info-wrapper .woocommerce-grouped-product-list td a:hover', '.woocommerce .product .summary .stock', + '.woocommerce .product .product-info-wrapper .stock', '.woocommerce .product .summary .product_meta a:hover', + '.woocommerce .product .product-info-wrapper .product_meta a:hover', + '.woocommerce .product .woocommerce-tabs .wc-tabs li.active a', '.woocommerce .product .woocommerce-Reviews .stars a:hover', '.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover' ), @@ -203,8 +212,8 @@ function polestar_build_styles() { '#mobile-navigation ul li .dropdown-toggle', '.comment-navigation a', '.widget #wp-calendar caption', - '.widget #wp-calendar tfoot #prev a', - '.widget #wp-calendar tfoot #next a', + '.calendar_wrap .wp-calendar-nav .wp-calendar-nav-prev a', + '.calendar_wrap .wp-calendar-nav .wp-calendar-nav-next a', '.site-content .entry-title', '.site-content .entry-title a', '.site-content .more-wrapper a', @@ -227,7 +236,18 @@ function polestar_build_styles() { // Color. Customizer_Library_Styles()->add( array( 'selectors' => array( - '.site-header .shopping-cart-text' + '.site-header .shopping-cart-text', + '.woocommerce .product .summary .variations .label label', + '.woocommerce .product .product-info-wrapper .variations .label label', + '.so-panel .variations .label label', + '.woocommerce form.woocommerce-ordering .ordering-selector-wrapper:hover', + '.woocommerce form .polestar-variations-wrapper .ordering-selector-wrapper:hover', + '.woocommerce form.woocommerce-ordering .ordering-selector-wrapper .ordering-dropdown li:hover', + '.woocommerce form .polestar-variations-wrapper .ordering-selector-wrapper .ordering-dropdown li:hover', + '.woocommerce .product .summary .product_meta', + '.woocommerce .product .product-info-wrapper .product_meta', + '.woocommerce .product .shop_attributes tr th.woocommerce-product-attributes-item__label', + '.site-header .shopping-cart-text', ), 'declarations' => array( 'color' => $color @@ -237,7 +257,9 @@ function polestar_build_styles() { // Fill. Customizer_Library_Styles()->add( array( 'selectors' => array( - '.site-header .shopping-cart-link svg' + '.site-header .shopping-cart-link svg', + '.woocommerce form.woocommerce-ordering .ordering-selector-wrapper.open-dropdown svg path', + '.woocommerce form .polestar-variations-wrapper .ordering-selector-wrapper.open-dropdown svg path', ), 'declarations' => array( 'fill' => $color @@ -304,8 +326,8 @@ function polestar_build_styles() { // Fill. Customizer_Library_Styles()->add( array( 'selectors' => array( - '.woocommerce .woocommerce-ordering .ordering-selector-wrapper:hover', - '.woocommerce .woocommerce-ordering .ordering-selector-wrapper:hover svg path' + '.woocommerce form.woocommerce-ordering .ordering-selector-wrapper:hover svg path', + '.woocommerce form .polestar-variations-wrapper .ordering-selector-wrapper:hover svg path' ), 'declarations' => array( 'fill' => $color @@ -412,7 +434,12 @@ function polestar_build_styles() { '.woocommerce .products .product .price', '.woocommerce .price', '.woocommerce .product .summary .variations .reset_variations', + '.woocommerce .product .product-info-wrapper .variations .reset_variations', + '.so-panel .variations .reset_variations', + '.woocommerce .product .summary .woocommerce-grouped-product-list td a', + '.woocommerce .product .product-info-wrapper .woocommerce-grouped-product-list td a', '.woocommerce .product .summary .product_meta a', + '.woocommerce .product .product-info-wrapper .product_meta a', '.woocommerce .product .woocommerce-Reviews .meta a:hover', '.woocommerce-cart table.cart .cart_item a', '.woocommerce-account .woocommerce-MyAccount-navigation ul li a' @@ -426,7 +453,8 @@ function polestar_build_styles() { Customizer_Library_Styles()->add( array( 'selectors' => array( '.site-header .shopping-cart-link:hover svg', - '.woocommerce .woocommerce-ordering .ordering-selector-wrapper svg path', + '.woocommerce form.woocommerce-ordering .ordering-selector-wrapper svg path', + '.woocommerce form .polestar-variations-wrapper .ordering-selector-wrapper svg path', ), 'declarations' => array( 'fill' => $color @@ -482,8 +510,10 @@ function polestar_build_styles() { '.woocommerce .woocommerce-breadcrumb', '.woocommerce .woocommerce-breadcrumb a', '.woocommerce .woocommerce-result-count', - '.woocommerce .woocommerce-ordering .ordering-selector-wrapper .ordering-dropdown li', + '.woocommerce form.woocommerce-ordering .ordering-selector-wrapper .ordering-dropdown li', + '.woocommerce form .polestar-variations-wrapper .ordering-selector-wrapper .ordering-dropdown li', '.woocommerce .product .summary .woocommerce-review-link', + '.woocommerce .product .product-info-wrapper .woocommerce-review-link', '.woocommerce .product .woocommerce-Reviews .comment-date', '.woocommerce-cart table.cart .cart_item a:hover' ), diff --git a/readme.txt b/readme.txt index 5fdf3a8..0526913 100644 --- a/readme.txt +++ b/readme.txt @@ -4,7 +4,7 @@ Contributors: Puro Tags: one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-menu, custom-logo, featured-images, footer-widgets, full-width-template, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, blog, e-commerce -Tested up to: 5.9 +Tested up to: 6.0 Requires at least: 4.7 Requires PHP: 5.6.20 License: GPLv2 or later @@ -152,6 +152,11 @@ Released under [GPL version 2](https://www.gnu.org/licenses/old-licenses/gpl-2.0 == Changelog == += 1.9.0 - 14 August 2022 = +* Updated Calendar Widget styling for new markup. +* Updated Customizer Library. +* WooCommerce: Added custom single product variation styling and functionality. + = 1.8.1 - 03 February 2022 = * WooCommerce: Fixed single product variation drop-down alignment. * Smooth Scrolling: Update to allow for animation interruption when another page jump is clicked. diff --git a/sass/site/secondary/_widgets.scss b/sass/site/secondary/_widgets.scss index 0fa53aa..608e9cd 100644 --- a/sass/site/secondary/_widgets.scss +++ b/sass/site/secondary/_widgets.scss @@ -98,25 +98,32 @@ text-align: center; } } +} - tfoot { - font-size: 13px; +.calendar_wrap .wp-calendar-nav { + font-size: 13px; - #prev, - #next { - padding-top: 4px; + .wp-calendar-nav-prev, + .wp-calendar-nav-next { + display: inline-block; + padding-top: 4px; + width: 48%; - a { - color: $color__text-dark; + a { + color: $color__text-dark; + margin-left: 10px; - &:hover { - color: $color__accent; - } + &:hover { + color: $color__accent; } } + } + + .wp-calendar-nav-next { + text-align: right; - #next { - text-align: right; + a { + margin: 0 10px 0 0; } } } diff --git a/sass/style.scss b/sass/style.scss index 169afc2..5b844dd 100644 --- a/sass/style.scss +++ b/sass/style.scss @@ -5,7 +5,7 @@ Author URI: https://purothemes.com/ Theme URI: https://purothemes.com/themes/polestar/ Description: Lead the way with Polestar. It's fast loading, responsive, lightweight and flexible design is perfectly suited for building dynamic pages with SiteOrigin's Page Builder and selling with WooCommerce. Ecommerce features include a menu mini-cart and product quick-view. Polestar features a sticky header, beautiful header search, scroll to top and just the right amount of Customizer theme settings. Page level settings let you adjust the theme layout on a page by page basis, perfect for landing pages. If you run a blog, Polestar is ready with awesome features including a full-width posts slider integrated with Jetpack Featured Content, an author box and related posts section. For assistance, check out our theme documentation (http://purothemes.com/documentation/) or ask a question on our support forum (https://purothemes.com/support/). Version: dev -Tested up to: 5.9 +Tested up to: 6.0 Requires at least: 4.7 Requires PHP: 5.6.20 License: GNU General Public License v2 or later diff --git a/sass/woocommerce/_archive.scss b/sass/woocommerce/_archive.scss index 2c0a529..c8cdff2 100644 --- a/sass/woocommerce/_archive.scss +++ b/sass/woocommerce/_archive.scss @@ -51,103 +51,7 @@ .woocommerce-ordering { display: block; float: right; - - select { - font-size: 13px; - } - - @media (max-width: 768px) { - float: none; - } - - .ordering-selector-wrapper { - border: 1px solid $color__background-hr; - border-radius: 2px; - cursor: pointer; - font-size: 13px; - line-height: normal; - padding: 10px 15px; - position: relative; - - .current { - display: inline-block; - } - - svg { - float: right; - margin: 5px 0 0 10px; - transform: rotate(0deg); - - path { - fill: $color__text-medium; - } - } - - &:hover { - color: $color__text-dark; - - svg path { - fill: $color__text-dark; - } - } - - .ordering-dropdown-container { - left: -1px; - min-height: 1px; - position: absolute; - right: -1px; - top: 100%; - z-index: 999; - } - - .ordering-dropdown { - background: #fff; - border: 1px solid $color__background-hr; - box-shadow: 0 1px 1px rgba(0, 0, 0, .07); - display: block; - list-style: none; - margin: 0; - opacity: 0; - padding: 5px 0; - position: absolute; - top: 0; - transition: all 0.15s ease-in; - transform-origin: center top; - transform: scale(0.95); - visibility: hidden; - width: 100%; - - li { - color: $color__text-light; - cursor: pointer; - padding: 10px 15px; - position: relative; - white-space: nowrap; - - &:hover { - color: $color__text-dark; - } - } - } - - &.open-dropdown { - - .ordering-dropdown { - opacity: 1; - transform: scale(1); - visibility: visible; - } - - svg { - transform: rotate(180deg); - - path { - fill: $color__text-dark; - } - } - } - } - } + } // Sale Sticker. .onsale { diff --git a/sass/woocommerce/_forms.scss b/sass/woocommerce/_forms.scss index fc5c06b..f4c20be 100644 --- a/sass/woocommerce/_forms.scss +++ b/sass/woocommerce/_forms.scss @@ -79,6 +79,109 @@ .form-row-wide { clear: both; } + + // Archive Ordering. + // Single Variations. + &.woocommerce-ordering, + .polestar-variations-wrapper { + display: block; + + select { + font-size: 13px; + } + + @media (max-width: 768px) { + float: none; + } + + .ordering-selector-wrapper { + border-radius: 2px; + border: 1px solid $color__background-hr; + cursor: pointer; + font-size: 13px; + line-height: normal; + padding: 10px 15px; + position: relative; + + .current { + display: inline-block; + } + + svg { + float: right; + margin: 5px 0 0 10px; + transform: rotate(0deg); + + path { + fill: $color__text-medium; + } + } + + &:hover { + color: $color__text-dark; + + svg path { + fill: $color__text-dark; + } + } + + .ordering-dropdown-container { + left: -1px; + min-height: 1px; + position: absolute; + right: -1px; + top: 100%; + z-index: 999; + } + + .ordering-dropdown { + background: #fff; + border: 1px solid $color__background-hr; + box-shadow: 0 1px 1px rgba(0, 0, 0, .07); + display: block; + list-style: none; + margin: 0; + opacity: 0; + padding: 5px 0; + position: absolute; + top: 0; + transition: all 0.15s ease-in; + transform-origin: center top; + transform: scale(0.95); + visibility: hidden; + width: 100%; + + li { + color: $color__text-light; + cursor: pointer; + padding: 10px 15px; + position: relative; + white-space: nowrap; + + &:hover { + color: $color__text-dark; + } + } + } + + &.open-dropdown { + + .ordering-dropdown { + opacity: 1; + transform: scale(1); + visibility: visible; + } + + svg { + transform: rotate(180deg); + + path { + fill: $color__text-dark; + } + } + } + } + } } // Login form. diff --git a/sass/woocommerce/_single.scss b/sass/woocommerce/_single.scss index e2bdd2e..0d957c7 100644 --- a/sass/woocommerce/_single.scss +++ b/sass/woocommerce/_single.scss @@ -170,13 +170,20 @@ } } - label { - font-size: 14px; + .label { + text-align: left; text-transform: capitalize; + + label { + color: $color__text-dark; + font-size: 14px; + font-weight: bold; + } } select { - font-size: 14px; + font-size: 13px; + padding: 5px; } .reset_variations { @@ -184,6 +191,10 @@ font-size: 13px; margin-left: 10px; + @at-root .no-js.woocommerce .product .variations .reset_variations { + display: none; + } + &:hover { color: $color__accent; } @@ -202,6 +213,24 @@ } } + form.cart table.variations { + + .polestar-variations-wrapper { + display: inline-block; + position: relative; + } + + select { + -webkit-appearance: none; + padding: 1px 27px 0 10px; + + @at-root .no-js.woocommerce .product form.cart table.variations select { + -webkit-appearance: auto; + padding: 5px; + } + } + } + .woocommerce-variation .woocommerce-variation-price .price { display: block; width: 100%; @@ -598,3 +627,78 @@ } } } + +// SiteOrigin WCTB. +.so-panel { + + .variations { + border: none; + font-size: 14px; + margin-bottom: 30px; + + th, + td { + padding: 0; + } + + tr { + border: none; + + td { + padding: 7.5px 0; + } + + &:only-of-type td { + padding-bottom: 0; + } + } + + .label { + text-align: left; + text-transform: capitalize; + + label { + color: $color__text-dark; + font-size: 14px; + font-weight: bold; + } + } + + select { + font-size: 13px; + padding: 5px; + } + + .reset_variations { + color: $color__text-medium; + font-size: 13px; + margin-left: 10px; + + @at-root .no-js.woocommerce .product .variations .reset_variations { + display: none; + } + + &:hover { + color: $color__accent; + } + } + } + + form.cart table.variations { + + .polestar-variations-wrapper { + display: inline-block; + position: relative; + } + + select { + -webkit-appearance: none; + padding: 1px 27px 0 10px; + + @at-root .no-js.woocommerce .product form.cart table.variations select { + -webkit-appearance: auto; + padding: 5px; + } + } + } +} diff --git a/style.css b/style.css index c5c3e6f..f1a759b 100644 --- a/style.css +++ b/style.css @@ -5,7 +5,7 @@ Author URI: https://purothemes.com/ Theme URI: https://purothemes.com/themes/polestar/ Description: Lead the way with Polestar. It's fast loading, responsive, lightweight and flexible design is perfectly suited for building dynamic pages with SiteOrigin's Page Builder and selling with WooCommerce. Ecommerce features include a menu mini-cart and product quick-view. Polestar features a sticky header, beautiful header search, scroll to top and just the right amount of Customizer theme settings. Page level settings let you adjust the theme layout on a page by page basis, perfect for landing pages. If you run a blog, Polestar is ready with awesome features including a full-width posts slider integrated with Jetpack Featured Content, an author box and related posts section. For assistance, check out our theme documentation (http://purothemes.com/documentation/) or ask a question on our support forum (https://purothemes.com/support/). Version: dev -Tested up to: 5.9 +Tested up to: 6.0 Requires at least: 4.7 Requires PHP: 5.6.20 License: GNU General Public License v2 or later @@ -1523,19 +1523,25 @@ a { .widget #wp-calendar tbody td { padding-bottom: 8px; text-align: center; } - .widget #wp-calendar tfoot { - font-size: 13px; } - .widget #wp-calendar tfoot #prev, - .widget #wp-calendar tfoot #next { - padding-top: 4px; } - .widget #wp-calendar tfoot #prev a, - .widget #wp-calendar tfoot #next a { - color: #2d2d2d; } - .widget #wp-calendar tfoot #prev a:hover, - .widget #wp-calendar tfoot #next a:hover { - color: #4d8ffb; } - .widget #wp-calendar tfoot #next { - text-align: right; } + +.calendar_wrap .wp-calendar-nav { + font-size: 13px; } + .calendar_wrap .wp-calendar-nav .wp-calendar-nav-prev, + .calendar_wrap .wp-calendar-nav .wp-calendar-nav-next { + display: inline-block; + padding-top: 4px; + width: 48%; } + .calendar_wrap .wp-calendar-nav .wp-calendar-nav-prev a, + .calendar_wrap .wp-calendar-nav .wp-calendar-nav-next a { + color: #2d2d2d; + margin-left: 10px; } + .calendar_wrap .wp-calendar-nav .wp-calendar-nav-prev a:hover, + .calendar_wrap .wp-calendar-nav .wp-calendar-nav-next a:hover { + color: #4d8ffb; } + .calendar_wrap .wp-calendar-nav .wp-calendar-nav-next { + text-align: right; } + .calendar_wrap .wp-calendar-nav .wp-calendar-nav-next a { + margin: 0 10px 0 0; } /*-------------------------------------------------------------- ## Archives and Categories Widgets diff --git a/woocommerce.css b/woocommerce.css index 38ae77a..e087908 100644 --- a/woocommerce.css +++ b/woocommerce.css @@ -217,6 +217,89 @@ input.button.added:after, .woocommerce form .form-row-wide { clear: both; } +.woocommerce form.woocommerce-ordering, +.woocommerce form .polestar-variations-wrapper { + display: block; } + .woocommerce form.woocommerce-ordering select, + .woocommerce form .polestar-variations-wrapper select { + font-size: 13px; } + @media (max-width: 768px) { + .woocommerce form.woocommerce-ordering, + .woocommerce form .polestar-variations-wrapper { + float: none; } } + .woocommerce form.woocommerce-ordering .ordering-selector-wrapper, + .woocommerce form .polestar-variations-wrapper .ordering-selector-wrapper { + border-radius: 2px; + border: 1px solid #e6e6e6; + cursor: pointer; + font-size: 13px; + line-height: normal; + padding: 10px 15px; + position: relative; } + .woocommerce form.woocommerce-ordering .ordering-selector-wrapper .current, + .woocommerce form .polestar-variations-wrapper .ordering-selector-wrapper .current { + display: inline-block; } + .woocommerce form.woocommerce-ordering .ordering-selector-wrapper svg, + .woocommerce form .polestar-variations-wrapper .ordering-selector-wrapper svg { + float: right; + margin: 5px 0 0 10px; + transform: rotate(0deg); } + .woocommerce form.woocommerce-ordering .ordering-selector-wrapper svg path, + .woocommerce form .polestar-variations-wrapper .ordering-selector-wrapper svg path { + fill: #626262; } + .woocommerce form.woocommerce-ordering .ordering-selector-wrapper:hover, + .woocommerce form .polestar-variations-wrapper .ordering-selector-wrapper:hover { + color: #2d2d2d; } + .woocommerce form.woocommerce-ordering .ordering-selector-wrapper:hover svg path, + .woocommerce form .polestar-variations-wrapper .ordering-selector-wrapper:hover svg path { + fill: #2d2d2d; } + .woocommerce form.woocommerce-ordering .ordering-selector-wrapper .ordering-dropdown-container, + .woocommerce form .polestar-variations-wrapper .ordering-selector-wrapper .ordering-dropdown-container { + left: -1px; + min-height: 1px; + position: absolute; + right: -1px; + top: 100%; + z-index: 999; } + .woocommerce form.woocommerce-ordering .ordering-selector-wrapper .ordering-dropdown, + .woocommerce form .polestar-variations-wrapper .ordering-selector-wrapper .ordering-dropdown { + background: #fff; + border: 1px solid #e6e6e6; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.07); + display: block; + list-style: none; + margin: 0; + opacity: 0; + padding: 5px 0; + position: absolute; + top: 0; + transition: all 0.15s ease-in; + transform-origin: center top; + transform: scale(0.95); + visibility: hidden; + width: 100%; } + .woocommerce form.woocommerce-ordering .ordering-selector-wrapper .ordering-dropdown li, + .woocommerce form .polestar-variations-wrapper .ordering-selector-wrapper .ordering-dropdown li { + color: #828282; + cursor: pointer; + padding: 10px 15px; + position: relative; + white-space: nowrap; } + .woocommerce form.woocommerce-ordering .ordering-selector-wrapper .ordering-dropdown li:hover, + .woocommerce form .polestar-variations-wrapper .ordering-selector-wrapper .ordering-dropdown li:hover { + color: #2d2d2d; } + .woocommerce form.woocommerce-ordering .ordering-selector-wrapper.open-dropdown .ordering-dropdown, + .woocommerce form .polestar-variations-wrapper .ordering-selector-wrapper.open-dropdown .ordering-dropdown { + opacity: 1; + transform: scale(1); + visibility: visible; } + .woocommerce form.woocommerce-ordering .ordering-selector-wrapper.open-dropdown svg, + .woocommerce form .polestar-variations-wrapper .ordering-selector-wrapper.open-dropdown svg { + transform: rotate(180deg); } + .woocommerce form.woocommerce-ordering .ordering-selector-wrapper.open-dropdown svg path, + .woocommerce form .polestar-variations-wrapper .ordering-selector-wrapper.open-dropdown svg path { + fill: #2d2d2d; } + .woocommerce .login .clear ~ .form-row { margin-bottom: 0; } @@ -300,70 +383,6 @@ input.button.added:after, .woocommerce .woocommerce-ordering { display: block; float: right; } - .woocommerce .woocommerce-ordering select { - font-size: 13px; } - @media (max-width: 768px) { - .woocommerce .woocommerce-ordering { - float: none; } } - .woocommerce .woocommerce-ordering .ordering-selector-wrapper { - border: 1px solid #e6e6e6; - border-radius: 2px; - cursor: pointer; - font-size: 13px; - line-height: normal; - padding: 10px 15px; - position: relative; } - .woocommerce .woocommerce-ordering .ordering-selector-wrapper .current { - display: inline-block; } - .woocommerce .woocommerce-ordering .ordering-selector-wrapper svg { - float: right; - margin: 5px 0 0 10px; - transform: rotate(0deg); } - .woocommerce .woocommerce-ordering .ordering-selector-wrapper svg path { - fill: #626262; } - .woocommerce .woocommerce-ordering .ordering-selector-wrapper:hover { - color: #2d2d2d; } - .woocommerce .woocommerce-ordering .ordering-selector-wrapper:hover svg path { - fill: #2d2d2d; } - .woocommerce .woocommerce-ordering .ordering-selector-wrapper .ordering-dropdown-container { - left: -1px; - min-height: 1px; - position: absolute; - right: -1px; - top: 100%; - z-index: 999; } - .woocommerce .woocommerce-ordering .ordering-selector-wrapper .ordering-dropdown { - background: #fff; - border: 1px solid #e6e6e6; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.07); - display: block; - list-style: none; - margin: 0; - opacity: 0; - padding: 5px 0; - position: absolute; - top: 0; - transition: all 0.15s ease-in; - transform-origin: center top; - transform: scale(0.95); - visibility: hidden; - width: 100%; } - .woocommerce .woocommerce-ordering .ordering-selector-wrapper .ordering-dropdown li { - color: #828282; - cursor: pointer; - padding: 10px 15px; - position: relative; - white-space: nowrap; } - .woocommerce .woocommerce-ordering .ordering-selector-wrapper .ordering-dropdown li:hover { - color: #2d2d2d; } - .woocommerce .woocommerce-ordering .ordering-selector-wrapper.open-dropdown .ordering-dropdown { - opacity: 1; - transform: scale(1); - visibility: visible; } - .woocommerce .woocommerce-ordering .ordering-selector-wrapper.open-dropdown svg { - transform: rotate(180deg); } - .woocommerce .woocommerce-ordering .ordering-selector-wrapper.open-dropdown svg path { - fill: #2d2d2d; } .woocommerce .onsale { background: #4d8ffb; @@ -704,18 +723,26 @@ input.button.added:after, .woocommerce .product .summary .variations tr:only-of-type td, .woocommerce .product .product-info-wrapper .variations tr:only-of-type td { padding-bottom: 0; } - .woocommerce .product .summary .variations label, - .woocommerce .product .product-info-wrapper .variations label { - font-size: 14px; + .woocommerce .product .summary .variations .label, + .woocommerce .product .product-info-wrapper .variations .label { + text-align: left; text-transform: capitalize; } + .woocommerce .product .summary .variations .label label, + .woocommerce .product .product-info-wrapper .variations .label label { + color: #2d2d2d; + font-size: 14px; + font-weight: bold; } .woocommerce .product .summary .variations select, .woocommerce .product .product-info-wrapper .variations select { - font-size: 14px; } + font-size: 13px; + padding: 5px; } .woocommerce .product .summary .variations .reset_variations, .woocommerce .product .product-info-wrapper .variations .reset_variations { color: #626262; font-size: 13px; margin-left: 10px; } + .no-js.woocommerce .product .variations .reset_variations { + display: none; } .woocommerce .product .summary .variations .reset_variations:hover, .woocommerce .product .product-info-wrapper .variations .reset_variations:hover { color: #4d8ffb; } @@ -728,6 +755,17 @@ input.button.added:after, left: 0; margin-left: 0; position: absolute; } + .woocommerce .product .summary form.cart table.variations .polestar-variations-wrapper, + .woocommerce .product .product-info-wrapper form.cart table.variations .polestar-variations-wrapper { + display: inline-block; + position: relative; } + .woocommerce .product .summary form.cart table.variations select, + .woocommerce .product .product-info-wrapper form.cart table.variations select { + -webkit-appearance: none; + padding: 1px 27px 0 10px; } + .no-js.woocommerce .product form.cart table.variations select { + -webkit-appearance: auto; + padding: 5px; } .woocommerce .product .summary .woocommerce-variation .woocommerce-variation-price .price, .woocommerce .product .product-info-wrapper .woocommerce-variation .woocommerce-variation-price .price { display: block; @@ -964,6 +1002,49 @@ input.button.added:after, margin-right: 0; width: 100%; } } +.so-panel .variations { + border: none; + font-size: 14px; + margin-bottom: 30px; } + .so-panel .variations th, + .so-panel .variations td { + padding: 0; } + .so-panel .variations tr { + border: none; } + .so-panel .variations tr td { + padding: 7.5px 0; } + .so-panel .variations tr:only-of-type td { + padding-bottom: 0; } + .so-panel .variations .label { + text-align: left; + text-transform: capitalize; } + .so-panel .variations .label label { + color: #2d2d2d; + font-size: 14px; + font-weight: bold; } + .so-panel .variations select { + font-size: 13px; + padding: 5px; } + .so-panel .variations .reset_variations { + color: #626262; + font-size: 13px; + margin-left: 10px; } + .no-js.woocommerce .product .variations .reset_variations { + display: none; } + .so-panel .variations .reset_variations:hover { + color: #4d8ffb; } + +.so-panel form.cart table.variations .polestar-variations-wrapper { + display: inline-block; + position: relative; } + +.so-panel form.cart table.variations select { + -webkit-appearance: none; + padding: 1px 27px 0 10px; } + .no-js.woocommerce .product form.cart table.variations select { + -webkit-appearance: auto; + padding: 5px; } + /*-------------------------------------------------------------- # Quick View --------------------------------------------------------------*/ @@ -1948,3 +2029,5 @@ form.checkout > .blockUI { --------------------------------------------------------------*/ .track_order p { margin-bottom: 26px; } + +/*# sourceMappingURL=sass/maps/woocommerce.css.map */ diff --git a/woocommerce/functions.php b/woocommerce/functions.php index 86bbdb1..76ac240 100644 --- a/woocommerce/functions.php +++ b/woocommerce/functions.php @@ -121,6 +121,15 @@ function polestar_woocommerce_single_gallery_thumbnail_size( $size ) { } add_filter( 'woocommerce_get_image_size_gallery_thumbnail', 'polestar_woocommerce_single_gallery_thumbnail_size' ); +/** + * Add SVG arrow to single product variation select. + */ +function polestar_woocommerce_nest_variation_select( $html, $args ) { + return '