Title: Help me create CSS Last modified: May 25, 2021 --- # Help me create CSS * Resolved [mryous](https://wordpress.org/support/users/mryous/) * (@mryous) * [5 years ago](https://wordpress.org/support/topic/help-me-create-css/) * Best Plugin sir..! Can You help me create CSS for my site using this theme : [LINK](https://demo.idtheme.com/wpberita) 1. modulehome-wrap 2. gmr-big-headline and 3. .site-main, article.post . or maybe can u give us some example how to using it with theme function – Thanks - This topic was modified 5 years ago by [mryous](https://wordpress.org/support/users/mryous/). Viewing 15 replies - 1 through 15 (of 25 total) 1 [2](https://wordpress.org/support/topic/help-me-create-css/page/2/?output_format=md) [→](https://wordpress.org/support/topic/help-me-create-css/page/2/?output_format=md) * Plugin Author [johnzenausa](https://wordpress.org/support/users/johnzenausa/) * (@johnzenausa) * [5 years ago](https://wordpress.org/support/topic/help-me-create-css/#post-14481830) * Is this your website or just a site you’d like to emulate? * Plugin Author [johnzenausa](https://wordpress.org/support/users/johnzenausa/) * (@johnzenausa) * [5 years ago](https://wordpress.org/support/topic/help-me-create-css/#post-14482050) * Okay give me several days to come up with something. * Plugin Author [johnzenausa](https://wordpress.org/support/users/johnzenausa/) * (@johnzenausa) * [5 years ago](https://wordpress.org/support/topic/help-me-create-css/#post-14482181) * I got one done for now. The first one is modulehome-wrap. Here is the shorcode I used: `[netsposts include_blog='19' shortcode_id='modulehome_wrap' thumbnail ='true' hide_source='true' hide_excerpt='true' include_link_title='true']` * **Note:** If you want all posts you’d remove `include_blog='19'` attribute I only used it for clarity. * With the accompanying CSS: * ``` #modulehome_wrap .netsposts-block-wrapper { display: grid; grid-template-columns: repeat(auto-fit,250px); grid-gap: 25px; justify-content: center; } #modulehome_wrap .netsposts-content { display: flex; flex-flow: column nowrap; align-items: center; } #modulehome_wrap .netsposts-posttitle-link { order: 1; color: #000000; } #modulehome_wrap .netsposts-posttitle-link:hover { color: #21409a; } #modulehome_wrap .link-img-wrapper { order: 0; display: block; overflow: hidden; border-radius: 4px; transition: .3s; } #modulehome_wrap .link-img-wrapper .post-thumbnail { display: block; width: 100%; transition: .2s all ease-in-out; } #modulehome_wrap .link-img-wrapper:hover .post-thumbnail { transform: scale(1.2); } #modulehome_wrap .netsposts-read-more-link { display: none; } ``` * Here is the test page I created. You may hover over the images to see the same affect. * [https://amsoilwarehouses.syntheticmotoroil.org/sample-page/](https://amsoilwarehouses.syntheticmotoroil.org/sample-page/) * If you have the page the shortcode will be on directly I can help you modify even though this should suffice anywhere. - This reply was modified 5 years ago by [johnzenausa](https://wordpress.org/support/users/johnzenausa/). Reason: Fixed typo - This reply was modified 5 years ago by [johnzenausa](https://wordpress.org/support/users/johnzenausa/). Reason: Explain why I used include_blog * Plugin Author [johnzenausa](https://wordpress.org/support/users/johnzenausa/) * (@johnzenausa) * [5 years ago](https://wordpress.org/support/topic/help-me-create-css/#post-14482394) * I didn’t see the scrolling effect on mobile. I’ll give you the css code later. * Thread Starter [mryous](https://wordpress.org/support/users/mryous/) * (@mryous) * [5 years ago](https://wordpress.org/support/topic/help-me-create-css/#post-14483482) * thaank you so much sir [@johnzenausa](https://wordpress.org/support/users/johnzenausa/).., youre very kind Im using that theme (wpberita) (which is a clone version of [detik](http://detik.com) Indonesian news portal) I really want to know how wordpress made like those (detik.com) much subdomain used. right now I just try it on my localhost. later I’ll try to put it on live server. * Plugin Author [johnzenausa](https://wordpress.org/support/users/johnzenausa/) * (@johnzenausa) * [5 years ago](https://wordpress.org/support/topic/help-me-create-css/#post-14483734) * Still trying to figure out the responsive part * Thread Starter [mryous](https://wordpress.org/support/users/mryous/) * (@mryous) * [5 years ago](https://wordpress.org/support/topic/help-me-create-css/#post-14496996) * Thanks so much sir.., but sir, how to make the shortcode working inside box item i see the thumbnail and the content are separated [screenshot](https://prnt.sc/13jk3wd) * Plugin Author [johnzenausa](https://wordpress.org/support/users/johnzenausa/) * (@johnzenausa) * [5 years ago](https://wordpress.org/support/topic/help-me-create-css/#post-14497039) * What do you mean inside box item? Did you want the text where? Did you want the layout to look like the image you sent me? - This reply was modified 5 years ago by [johnzenausa](https://wordpress.org/support/users/johnzenausa/). - This reply was modified 5 years ago by [johnzenausa](https://wordpress.org/support/users/johnzenausa/). Reason: Clarifying question * Thread Starter [mryous](https://wordpress.org/support/users/mryous/) * (@mryous) * [5 years ago](https://wordpress.org/support/topic/help-me-create-css/#post-14497300) * yup sir.. like the image ive sent before, “post-thumbnail” at the left and on the right side the “box-content” showing netsposts-posttitle and netsposts-source Im using the same theme in main and sub site. * Plugin Author [johnzenausa](https://wordpress.org/support/users/johnzenausa/) * (@johnzenausa) * [4 years, 12 months ago](https://wordpress.org/support/topic/help-me-create-css/#post-14498062) * [@mryous](https://wordpress.org/support/users/mryous/) Sir; * Add the following argument to your shortcode and this will give you a similar look. Once you have your site set up it’ll be easier for me to give you exactly what you need Sir. * Here is the shortcode: `use_layout='inline'`. * This will separate the image from all other content. The image will be on the left and all text including title and excerpt will be on the right. Using css you may flip these for the image to be on the right and text on the left. * Hope this is what you’re looking for Sir. 🙂 - This reply was modified 4 years, 12 months ago by [johnzenausa](https://wordpress.org/support/users/johnzenausa/). Reason: Explaining use_layout="inline" * Thread Starter [mryous](https://wordpress.org/support/users/mryous/) * (@mryous) * [4 years, 12 months ago](https://wordpress.org/support/topic/help-me-create-css/#post-14498418) * Thanks a million sir [@johnzenausa](https://wordpress.org/support/users/johnzenausa/) I owe you one!! I’ve done setup my site, where I can contact you for access? 😊 * Plugin Author [johnzenausa](https://wordpress.org/support/users/johnzenausa/) * (@johnzenausa) * [4 years, 12 months ago](https://wordpress.org/support/topic/help-me-create-css/#post-14498575) * The support form is here Sir; * [https://support.agaveplugins.com/contact](https://support.agaveplugins.com/contact) * and send me the information there. * Thank you Sir; * Thread Starter [mryous](https://wordpress.org/support/users/mryous/) * (@mryous) * [4 years, 12 months ago](https://wordpress.org/support/topic/help-me-create-css/#post-14498987) * Many Thanks sir I’ve submitted a request via your support page 😊 * Plugin Author [johnzenausa](https://wordpress.org/support/users/johnzenausa/) * (@johnzenausa) * [4 years, 12 months ago](https://wordpress.org/support/topic/help-me-create-css/#post-14500845) * [@mryous](https://wordpress.org/support/users/mryous/) Sir; * I have answered your email. * Plugin Author [johnzenausa](https://wordpress.org/support/users/johnzenausa/) * (@johnzenausa) * [4 years, 12 months ago](https://wordpress.org/support/topic/help-me-create-css/#post-14501256) * Hi [@mryous](https://wordpress.org/support/users/mryous/) Sir; * Did you want to make the first image: [https://drive.google.com/file/d/1lHcmNiPHpW9urpLR8pjtL6kp8wayT1N6/view?usp=sharing](https://drive.google.com/file/d/1lHcmNiPHpW9urpLR8pjtL6kp8wayT1N6/view?usp=sharing) * look like this image? [https://drive.google.com/file/d/1Hm2jyq2pmPy1j4VRdLccZIZGVpm_pPx1/view?usp=sharing](https://drive.google.com/file/d/1Hm2jyq2pmPy1j4VRdLccZIZGVpm_pPx1/view?usp=sharing) * The second one has the image on the left and the text on the right. * Or same as above but with the text vertically center aligned with the image? [https://drive.google.com/file/d/1wfi_JUA4m0R3MptGTVFlLLJGXbg7gHGO/view?usp=sharing](https://drive.google.com/file/d/1wfi_JUA4m0R3MptGTVFlLLJGXbg7gHGO/view?usp=sharing) - This reply was modified 4 years, 12 months ago by [johnzenausa](https://wordpress.org/support/users/johnzenausa/). Reason: Added third image Viewing 15 replies - 1 through 15 (of 25 total) 1 [2](https://wordpress.org/support/topic/help-me-create-css/page/2/?output_format=md) [→](https://wordpress.org/support/topic/help-me-create-css/page/2/?output_format=md) The topic ‘Help me create CSS’ is closed to new replies. * ![](https://s.w.org/plugins/geopattern-icon/network-posts-extended_b4775d.svg) * [Network Posts Extended](https://wordpress.org/plugins/network-posts-extended/) * [Frequently Asked Questions](https://wordpress.org/plugins/network-posts-extended/#faq) * [Support Threads](https://wordpress.org/support/plugin/network-posts-extended/) * [Active Topics](https://wordpress.org/support/plugin/network-posts-extended/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/network-posts-extended/unresolved/) * [Reviews](https://wordpress.org/support/plugin/network-posts-extended/reviews/) ## Tags * [css](https://wordpress.org/support/topic-tag/css/) * [function](https://wordpress.org/support/topic-tag/function/) * 25 replies * 2 participants * Last reply from: [johnzenausa](https://wordpress.org/support/users/johnzenausa/) * Last activity: [4 years, 12 months ago](https://wordpress.org/support/topic/help-me-create-css/page/2/#post-14508616) * Status: resolved