Home › Forums › Iconic One Pro Support › Full Wide
- This topic has 5 replies, 2 voices, and was last updated 5 years, 5 months ago by Themonic-Support.
- AuthorPosts
- June 27, 2019 at 5:55 am #5681WidiNParticipant
Hi
I am using the Iconic One theme. I’ve seen some websites using your theme in a full wide mode. This is an example:
I’ve also checked that it looks good on Smart phones. How can I have a full wide mode like that?
Thank you,
Widi
June 27, 2019 at 7:16 am #5682Themonic-SupportKeymasterHi,
Follow this guide:
Use item 9 and replace
max-width: 1140px;
with
max-width: 100%;
and make sure you are on latest version for improved mobile style.
June 28, 2019 at 3:28 am #5683WidiNParticipantThanks a lot. Perfect. It looks great on mobile phones. The only issue now is, the FEATURED IMAGE looks a bit ackward on the desktop because the content area has become larger, and the FEATURED IMAGE is alligned to the left margin. How can I center the image?
This is the link to my website: https://englishforsma.com/hophead-kata-lama-dengan-arti-baru/
June 28, 2019 at 5:05 am #5684Themonic-SupportKeymasterYou could use the following CSS to center featured image:
.entry-content { text-align: center; }
June 28, 2019 at 3:27 pm #5685WidiNParticipantThanks. It works well for most posts, the featured image is alligned to the center. But the problem is, the sub titles in some posts are also alligned to the center: click this link: https://englishforsma.com/perbedaan-sound-noise-dan-voice/
Also, some parts of the texts in the content area are also alligned to the center, like this link: https://englishforsma.com/perbedaan-ship-send-dan-deliver/
Thanks
June 29, 2019 at 5:22 am #5686Themonic-SupportKeymasterFor the elements that you don’t want centered you have to use like this
.element { text-align:left; }
right click in chrome -> inspect element to find element id.
Another alternative is to use bigger images and change the post thumbnail size in functions.php
- AuthorPosts
- You must be logged in to reply to this topic.