PHP Developers Network

A community of PHP developers offering assistance, advice, discussion, and friendship.
 
Loading
It is currently Thu Oct 19, 2017 5:51 am

All times are UTC - 5 hours




Post new topic Reply to topic  [ 4 posts ] 
Author Message
PostPosted: Tue Jul 04, 2017 8:41 am 
Offline
DevNet Master

Joined: Wed Oct 08, 2008 3:39 pm
Posts: 4349
Location: United Kingdom
CSS Guru needed as completely stuck.

http://greatives.eu/themes/blade-v2/shop/
This is a theme we are using, but I cannot see any means in CSS of making it go 80 or 90% width. There is always that big gap either side.
I can set it to show three across and the images go bigger.

The idea is that we keep 4 across but put in the side menu.

Can anyone see the easy CSS to add to make the body part go full width?

_________________
Love PHP. Love CSS. Love learning new tricks too.
All the best from the United Kingdom.


Top
 Profile  
 
PostPosted: Tue Jul 04, 2017 5:53 pm 
Online
Moderator
User avatar

Joined: Tue Nov 09, 2010 3:39 pm
Posts: 6388
Location: Montreal, Canada
At a glance, it looks like class grve-content has a max width of 1170px.

_________________
Supported PHP versions No longer supported versions


Top
 Profile  
 
PostPosted: Wed Jul 05, 2017 1:39 am 
Offline
DevNet Master

Joined: Wed Oct 08, 2008 3:39 pm
Posts: 4349
Location: United Kingdom
If I add:
. grve-content { max-width: 1900px !important; }
or
#grve-content { max-width: 1900px !important; }
It makes no difference. :(

_________________
Love PHP. Love CSS. Love learning new tricks too.
All the best from the United Kingdom.


Top
 Profile  
 
PostPosted: Thu Jul 06, 2017 4:24 am 
Offline
DevNet Master

Joined: Wed Oct 08, 2008 3:39 pm
Posts: 4349
Location: United Kingdom
Yesterday I wrote this:
Syntax: [ Download ] [ Hide ]
@media only screen and (min-width: 1230px) {
   
.woocommerce div .product
{
    max-width: 1300px!important;
    margin-left: auto;
    margin-right: auto;
}

#grve-single-post-meta-bar
{
 max-width: 1300px!important;
margin-left: auto;
margin-right: auto;  
}
#grve-related-products
{
max-width: 1300px!important;
margin-left: auto;
margin-right: auto;
}

.grve-wrapper .related .products
{
max-width: 1300px!important;
margin-left: auto;
margin-right: auto;
}

body .archive .grve-container,#disqus_thread,#grve-content.grve-left-sidebar .grve-content-wrapper,#grve-content.grve-right-sidebar .grve-content-wrapper
{
    max-width: 1700px!important;
}

body .archive #grve-content, .grve-single-wrapper, #grve-main-content .grve-section
{
    margin-right: 20px;
    margin-left: 20px;
}
}


Trouble is, it affects ALL pages. Even with that second-to-last class:
Syntax: [ Download ] [ Hide ]
body .archive .grve-container,#disqus_thread,#grve-content.grve-left-sidebar .grve-content-wrapper,#grve-content.grve-right-sidebar .grve-content-wrapper
{
    max-width: 1700px!important;
}

... which I thought would affect only the .archive classed pages, like categories. But it affects the homepage too.
I need it to only affect category, shop and product pages.

_________________
Love PHP. Love CSS. Love learning new tricks too.
All the best from the United Kingdom.


Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 4 posts ] 

All times are UTC - 5 hours


Who is online

Users browsing this forum: No registered users and 2 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Jump to:  
Powered by phpBB® Forum Software © phpBB Group