Community Forums › Forums › Archived Forums › Design Tips and Tricks › Width content in Academy pro
- This topic has 8 replies, 2 voices, and was last updated 5 years, 12 months ago by Ghallab.
-
AuthorPosts
-
September 18, 2018 at 5:44 am #223261GhallabMember
Hi
I can not change the width content in academy pro theme
I tried to change the width but not working, any idea ?
https://demo.studiopress.com/academy/sample-page//*****************/ .wrap { margin: 0 auto; max-width: 1200px; } .site-inner { clear: both; word-wrap: break-word; } .landing-page .wrap { max-width: 800px; } /* Content */ .content { float: right; width: 880px; } .content-sidebar .content { float: left; max-width: 700px; } .sidebar-content .content { max-width: 700px; } .full-width-content .content { float: none; margin: 0 auto; max-width: 880px; } .academy-grid .content, .half-width-entries .content { max-width: none; width: 100%; } .single-post.full-width-content .content { float: none; margin: 0 auto; max-width: 880px; } .sidebar-primary { float: right; width: 360px; } .sidebar-content .sidebar-primary { float: left; }
September 18, 2018 at 6:11 am #223262Victor FontModeratorYour question is vague. What layout are you using? What are you actually trying to accomplish?
Regards,
Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?September 18, 2018 at 6:46 am #223264GhallabMemberHi Victor
Sorry for confuse
I am using full-width layout
what I need is to increase the width of content
like that one https://demo.seothemes.com/corporate-pro/layouts/full-width-content/
if you compare full-width content page in academy pro and Corporate Pro you will notice that Corporate Pro have a wider page content
So any idea to increase the page content width
Regards
GhallabSeptember 18, 2018 at 8:02 am #223268Victor FontModeratorUse your browser's built-in inspection tool to find the CSS responsible for the content width and change the max-width in style.css. From the CSS you posted above, it should be the following block:
.full-width-content .content { float: none; margin: 0 auto; max-width: 880px; }
Regards,
Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?September 18, 2018 at 8:13 am #223270GhallabMemberThank you Vector for your support
I try that code but not working, it's working only with all layout width less than or equal 880 px
September 18, 2018 at 8:54 am #223271Victor FontModeratorPlease post a link to your site. We can't help further without seeing the live code.
Regards,
Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?September 18, 2018 at 3:55 pm #223278GhallabMemberSeptember 19, 2018 at 3:26 am #223283Victor FontModeratorThis will work for you:
line 843 in style.css:
.full-width-content .content { float: none; margin: 0 auto; max-width: 1200px; }
line 829 in style.css:
.content { float: right; width: 100%; }
Regards,
Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?September 19, 2018 at 4:15 pm #223301GhallabMemberThank you Mr.Victor for your support
-
AuthorPosts
- The topic ‘Width content in Academy pro’ is closed to new replies.