↑ Return to W30 CSS

W32 CSS on Graphene

Responsible
r.karadjov
My articles
Follow on:

Page no: W32
Explanation
Video and Pics

Canvas for Doc Site

  • Doc Site Canvas increased to around 1600
  • Aim: Work on 2560, Left side Trello with 800, DocSite around 1600
  • All Tables wider
  • Test with Link

 

How-to:

  • Change the settings in admin panel to doc site canvas 1600
  • Change all needed elements in css (tables, buttons, columns etc.)
  • See on smaller resolutions (Niki’s laptop, etc.) if it is fine
  • Fix if it is not
  • Clear both cloudflare and browser cache
 

Images in Graphene

We have problem with showing the images after every update of graphene plugin. We need to change every time some values into core css file. It is necessary, because the default view of the images is different than the way we want to show. We want to show the images in heigh, which we are defined. The core plugin shows the image in height based on the width.

We need to make changes every time into file style.css in core graphene template ( /httpdocs/wp-content/themes/graphene/style.css ). On line 1226 you will see the code for the images:

.entry-content img,
.wp-caption {
max-width: 98%;
height: auto;
}

 

You have to comment or delete the height value. The new code has to be this:

.entry-content img,
.wp-caption {
max-width: 98%;
/*height: auto;*/
}

 

And this will resolve all our problems with images.

 

 

 

 

 

We have problem with showing the images after every update of graphene plugin. We need to change every time some values into core css file. It is necessary, because the default view of the images is different than the way we want to show. We want to show the images in heigh, which we are defined. The core plugin shows the image in height based on the width.

We need to make changes every time into file style.css in core graphene template ( /httpdocs/wp-content/themes/graphene/style.css ). On line 1226 you will see the code for the images:

.entry-content img,
.wp-caption {
max-width: 98%;
height: auto;
}

 

You have to comment or delete the height value. The new code has to be this:

.entry-content img,
.wp-caption {
max-width: 98%;
/*height: auto;*/
}

 

And this will resolve all our problems with images.

Tags: ,

See more for Webdesign