Home › Forums › Iconic One Pro Support › Full Wide
- This topic has 5 replies, 2 voices, and was last updated 5 years, 8 months ago by
Themonic-Support.
- AuthorPosts
- June 27, 2019 at 5:55 am #5681
WidiN
ParticipantHi
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-Support
KeymasterHi,
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 #5683WidiN
ParticipantThanks 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-Support
KeymasterYou could use the following CSS to center featured image:
.entry-content { text-align: center; }
June 28, 2019 at 3:27 pm #5685WidiN
ParticipantThanks. 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-Support
KeymasterFor 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.