https://jesselau.com/en/tags/extra/ Recent content in EXTRA on Hugo -- gohugo.io en Sun, 23 Sep 2018 21:16:08 +0000 https://jesselau.com/how-to-create-zoom-image-hover-effects-with-transparent-text-remove-adsense-auto-ads-from-homepage-in-extra-theme/ Sun, 23 Sep 2018 21:16:08 +0000 https://jesselau.com/how-to-create-zoom-image-hover-effects-with-transparent-text-remove-adsense-auto-ads-from-homepage-in-extra-theme/ After a day of renovation, I felt that the fullwidth slider on the front page didn't seem to be necessary, and it was not clear to say what my website was talking about. Using EXTRA's image module to add a picture is very simple, however, we can not add text on the image. So let's polish a dynamic effect with CSS. How to Create Zoom Image Hover Effects with Transparent Text Add a text module and write the code below <div class="zoomimg-container"> <img class="zoomimg" style="width: 100%;" src="https://jesselau.com/wp-content/uploads/2018/09/jesselaublog-1.jpg" /> <div class="zoomimg-content"> <h1>Welcome to Jesse Lau's Blog</h1> Website Programing, Internet Marketing, Forex Trading, Billiard, Darts And I Can Stand On One Leg For 30 Minutes With My Eyes Closed. ☺ </div> </div> Then add the following code to the CUSTOM CSS of EXTRA THEME OPTION: .zoomimg-container { position: relative; width: 100%; https://jesselau.com/renovate-the-website-with-extra-theme-solve-polylang-and-extra-incompatibility-issues-and-install-adsense-code-on-amp-page/ Sun, 23 Sep 2018 00:49:13 +0000 https://jesselau.com/renovate-the-website-with-extra-theme-solve-polylang-and-extra-incompatibility-issues-and-install-adsense-code-on-amp-page/ I visited the elegantthemes.com the day before yesterday and found that they had an additional theme besides DIVI. It is said to be developed for blog sites. The layout is similar to magazine layout, and the menu is more modern than DIVI. Ok, since my membership covers this theme, I decide use this EXTRA theme to "renovate" the site. WordPress's decoration is very convenient. After setting up with different themes, as long as you don't empty the database, you can return to the original DIVI interface at any time. Ok, let's take a look at the extra theme. He also embeds the Divi Builder visualization tool. Added a lot of typographic optimization for posts. Built-in feature for rating posts, supporting multiple authors. Ok, see how my home page is designed:   Featured posts Slider is inserted at the top, as long as each post comes with a high-quality image, the effect of this image slider is good.