All About Basic

Make Woocommerce single product page image round shape with border

September 16, 2017 Leave a comment

This is a simple css trick to make your woocommerce single product page to be round shape with a border. Use the code below in your custom css portion.

If you face any issue feel free to take help in the comments section.


.woocommerce-product-gallery__image img {

border-bottom-left-radius: 50% 50% !important;
border-top-left-radius: 50% 50% !important;
border-top-right-radius: 50% 50%;
border-bottom-right-radius: 50% 50%;
border-bottom-left-radius: 50% 50% !important;
height:382px !IMPORTANT;
border: 5px solid #f5f5f5 !important;
}

.woocommerce-product-gallery__image {
width: 382px !IMPORTANT;

}

.woocommerce div.product div.images li img {
border: none !important;
transition: opacity .5s ease;
border-radius: none !important;
height: auto !important;
}

Filed under WordPress Tricks Tagged with round shape image css, woocommerce, woocommerce round shape image

How to add auto calculation fields or calculator in Contact Form 7 using Jquery

August 25, 2017 Leave a comment

This tutorial is only for those who are trying to add calculator fields like where user will put value in one field and some calculation will be done automatically and result will be viewable in other single or multiple fields in contact form.

This technique I have shared is for advance level users who have knowledge of Jquery and using Contact form 7 . If you are new or facing problem to implement such type of fields, feel free to message me in comments section or take my personal help in my fiverr profile.

Here is the technique

1. At first put your calculator fields where you want to do or show calculation

2. Use Jquery code something like this

I have shared you the Jquery auto calculation code for contact form 7 below

<script>

jQuery(document).ready(function(){
//alert("Welcome");
 var ce;
var ps;
var ar;
 

jQuery("#ce").on("change", function() {
 ce= this.value ;

ps=(((ce/30))/5)*1.2;
ar=(((ps*1000)/250)*(0.941*1.65)*1.6);
jQuery("#ps").val(ps.toFixed());
jQuery("#ar").val(ar.toFixed());

}); 


});
</script>

3. Result

If you have any issue feel free to ask me question here in comments section

Pay me some, I will help you for CSS Issue Personally CLICK HERE….

Filed under WordPress Tricks

Theme Boardwalk By Automattic : Customization, Documentation and Styling to create a new site

August 23, 2017 Leave a comment

Before I shared you modifications or styling of a beautiful wordpress theme Toujours by Automattic. Today I am sharing with you the customization of another theme named Boardwalk. Theme Board by Automattic is a minimalistic theme with horizontal scrolling. Using my provided css code you can give the theme a new look.

I am sharing you the theme and child theme ( to do your own customization)

Theme Boardwalk By Automattic Parent Theme

Theme Boardwalk By Automattic Child Theme

So You can use my shared code to modify Boardwalk theme and ask question in the comments section.

Theme Toujours By Automattic : Customization, Documentation and Styling to create a new blog site

June 6, 2017 Leave a comment

Toujours has a simple, elegant design that’s perfect for planning and sharing moments from your wedding. The theme highlights your content with a slideshow, large featured images, and a unique layout for recent posts.

Download Toujours theme by Automattic to create your own wedding / blogging website.

Download Toujours theme by Automattic Child Theme to modify the theme without touch the parent theme.

Here i am sharing some customization of Toujours theme. So You can use my shared code and ask question in the comments section.

WordPress Theme Bari By Themetry: Styling,Modifications, CSS Customization and more.

May 27, 2017 Leave a comment

Bari By Themetry A simple photography theme . If you are using wordpress.com premium plan you can use it ( costing $49).

Previously I shared customization of Photographic themes Like Photography by theme foundry and Photographer by Organic theme which you can check also.

Here i am sharing some customization of Bari theme. So You can use my shared code and ask question in the comments section.

Olsen By CSSIgniter: Modifications of header, footer, sidebar, contents, customization and documentations

May 11, 2017 19 Comments

Olsen is a stylish blogging theme WordPress created By CSSIgniter . You can check the Olsen theme demo . If you are using WordPress.com premium plan you can use this theme. It features a focused layout with crisp fonts, providing a fluid and relaxing reading experience. Its minimal design and unobtrusive color palette make it ideal for lifestyle and fashion bloggers who need their images to pop next to their content.

Here i am sharing css code to style your Olsen theme. So You can use my shared code and ask question in the comments section.

Independent Publisher 2 by Raam Dev : Modifications of header, footer, contents, customization and documentations

May 1, 2017 Leave a comment

Independent Publisher 2 is a clean and polished theme with a light color scheme, bold typography, and full-width images. To use my provided css code you can try Simple Custom Css plugins.

Download Independent Publisher 2 theme by Raam Dev

Download Independent Publisher 2 Child Theme

So You can use my shared code and ask question in the comments section.

Baskerville 2 By Anders Norén :Modifications of header, footer, sidebar, contents, customization and documentations

March 21, 2017 103 Comments

Baskerville 2 is a dynamic, grid-based theme for curators. It’s the perfect way to showcase your posts, videos, images and galleries, and share your favorite quotes and links.

Here i am sharing css code to style your Baskerville theme. To use my provided css I prefer you use Simple Custom Css plugins ( if you have your own domain and hosting) .

So You can use my shared code and ask question in the comments section.

How to create Single Page website using twenty seventeen theme: Click on menus and it will scroll to the target/related content without refreshing

March 15, 2017 4 Comments

Before i shared you CSS customization of Twenty Seventeen theme. Today I am sharing you how to create Single Page Website using Twenty Seventeen Theme.

In Single Page Website, when you will click on menus, it will go scrolling to the related point or content in homepage.

You can use my shared method and ask question in the comments section.

Lodestar theme By Automattic: Modifications of header, footer, sidebar, contents and documentations

March 4, 2017 42 Comments

Lodestar is a trendy one-page theme designed with startups and small business ventures in mind. Designed by Mel Choyce, Lodestar is perfect for your small business or organization’s website. The theme allows you to create a one-page website, showcasing all your company’s information in one spot, interspersed with full-sized featured images. It is almost similar to WordPress Twenty Seventeen Theme . Here i am sharing you some CSS code to style your Lodestar theme, which will help you to give your Lodestar theme a diffrent look of your own.

Download Lodestar theme By Automattic if you want to use it in your own hosting.

Download Loadstar theme by Automattic Child theme to do any sort of theme file editing.

So You can use my shared code and ask question in the comments section.

Dara By Automattic Modifications of header, footer, sidebar, contents and documentations

February 4, 2017 22 Comments

With bold featured images and bright, cheerful colors, Dara is ready to get to work for your business.

Here I am sharing some css styling which you can use to styling your site if you are using Dara by Automattic.

You can use my shared code and ask question in the comments section.

Twenty Seventeen Theme: Modifications of header, footer, sidebar, contents and documentations

December 22, 2016 496 Comments

Twenty Seventeen theme is a new theme by WordPress.org and wordpress.com. It is the chain theme which comes after 2016 (twenty sixteen) , 2014 (twenty fourteen) ,2013 (twenty thirteen),2012 (twenty twelve). Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.Twenty seventeen theme comes with the latest update of wordpress 4.7. Here I have shared some css code to stylize your twenty seventeen theme.

For wordpress.org users you have to install Simple Custom Css plugins to use my provided css.

You can use my shared code and ask question in the comments section.

WordPress theme Ixion By Automattic: header,footer,sidebar,template modifications and styling

December 4, 2016 107 Comments

Before I shared you the code related to theme photograply by theme Foundry . Today I am sharing you customization tricks of newly released Ixion theme by Automattic. WordPress theme Ixion By Automattic is a theme for non-profits, organizations, and schools.

Question 1: How to change top social icons color in Ixion By Automattic

.site-header .jetpack-social-navigation a::before {
color: red !important;
}
You can use my shared code and ask question in the comments section.

WordPress theme Photography by The Theme Foundry Customization using css style

November 26, 2016 2 Comments

Before I shared Photographer by Organic themes modifications and styling issues. Here now I am sharing the styling and modifications of Photography By The Theme Foundry which is a WordPress.com premium theme built for photographers. It includes easy to use galleries, and two gorgeous color schemes. You can check the demo of Photography theme

You can use my shared code and ask question in the comments section.

পাঁচালি কথন

November 20, 2016 1 Comment

আমার বাবা নিরাকার একেশ্বরবাদী, আর আমার ক্ষেত্রে ধর্ম ব্যাপারটা ধোয়াশায় ভরা– মনের যুক্তির অংশের কারণে। অনেক প্রশ্নের উদ্ভব হয় যা খুঁজে পাইনা। আমার মস্তিষ্ক ও এই ব্যাপারটা নিয়ে ভাবতে উৎসাহিত করেনা। তবে প্রকৃতি নামক এই অপারেটিং সিস্টেমটি আমাকে সবসময় আকর্ষণ করে। মস্তিষ্ক নামক সুপার কম্পিউটারের সাথে এই অপারেটিং সিস্টেমের কোন কানেকশন আছে কিনা তা জনতে ইচ্ছে করে।

Avada Theme: Documentation, Support, Customization and Modifications using CSS style and more

November 20, 2016 Leave a comment

1. How to install Avada theme Demo in my hosting?
Answer: After installing wordpress and Avada theme go to your Dashboard > Avada > Install Demo and you will get the various demos of your choice..just click on install button and it will be installed in your Avada theme … please check the screenshot

সব-ই তার ইচ্ছে

November 11, 2016 Leave a comment

“দর্শন” আর “যুক্তি” এই দুটি বিষয় আমাকে সবসময় আকর্ষণ করে। যখন আমার ভাবনায় যুক্তির চেয়ে যখন আবেগ যখন বেশী প্রভাবশালী হয় তখন এক অদ্ভুত পরিস্থিতির শিকার হই আমি, যুক্তি চাই আবেগকে দমাতে আর আবেগ চাই যুক্তিকে পরাস্থ করতে — এক নিশ্চল, সিদ্ধান্তহীন অবস্থা। যাই হোক, এক ভদ্রলোকের লেখা পড়ছিলাম, আমার মনে মনে (যুক্তির জায়গা থেকে) উচ্চারিত হওয়া কিছু কথার প্রতিচ্ছবি দেখলাম (নিম্নে দিলাম)

WordPress Theme Attache By Press75 :Support, Modifications, Customization and styling

October 7, 2016 Leave a comment

Attache by Press75 is a clean and stylish infinite scrolling theme, perfect for bloggers and storytellers. It features a Pinterest-like grid, uses unique layouts for supported post formats. Sticky posts in this theme are displayed at twice the size of regular posts, giving them an extra visual boost.

You can use my shared code and ask question in the comments section.

GRE Examination Preparation – English Vocabulary and WordList with Bangla(Bengali) meaning || English To Bangla || Part-6.

October 7, 2016 Leave a comment

Before I shared the 5th part of GRE wordlist with Bengali Meaning. Here I am sharing you the 6th part. If you are trying to take admission in foreign university (like in USA ) GRE is a must…. So, you can enjoy these word list from English to Bengali of GRE words and build up your vocabulary to make you more competitive.

Also you can check

1 3^rd Part of the GRE WordList (English to Bangla)

2 4^th Part of the GRE WordList (English to Bangla)

জীবনের লক্ষ্য ও উদ্দেশ্য

October 3, 2016 Leave a comment

স্কুল পড়ুয়াদের যদি জিজ্ঞেস করা হয় যে তোমাদের জীবনের লক্ষ্য ও উদ্দেশ্যকি?

৯৯% ই হয়তো বলবে ডাক্তার, ইঞ্জিনিয়ার, উকিল, পাইলট ইত্যাদির কথা। আমি ও বলতাম একসময়।

ইউনিভার্সিটি পড়ুয়া আমার কয়েকজন ভাইকে একই প্রশ্ন জিজ্ঞেস করেছিলাম— তাদের উত্তর ছিল গ্রামীন ফোন, বাংলাদেশ ব্যাংক , বিসিএস ইত্যাদি।

বিবাহিত যারা তাদের উত্তর ছিল “ছেলে মেয়েকে মানুষ করা, লেখাপড়া শিখানো ও সমাজে প্রতিষ্ঠা করানো”

ভাবছিলাম আমাদের জীবনের লক্ষ্য ও উদ্দেশ্য কি ক্যারিয়ার ওরিয়েন্টেড হয়ে যাচ্ছে না তো? সোস্যাল সিকিউরিটির অভাব আমাদের গ্রাস করছে নাতো?

Like this post?

Like this:

Like this post?

Like this:

Like this post?

Like this:

Like this post?

Like this:

Like this post?

Like this:

Like this post?

Like this:

Like this post?

Like this:

Like this post?

Like this:

Like this post?

Like this:

Like this post?

Like this:

Like this post?

Like this:

Like this post?

Like this:

Like this post?

Like this:

Like this post?

Like this:

Like this post?

Like this:

Like this post?

Like this:

Like this post?

Like this:

Like this post?

Like this:

Like this post?

Like this:

Like this post?

Like this:

About Me

এখন পর্যন্ত ব্লগটি পড়া হয়েছে

মেইলে নতুন লেখার আপডেট নোটিফিকেশন পেতে চান?

My Favorite Lines

Categories

About AllAboutBasic.com