S23
Forum Replies Created
-
Forum: Themes and Templates
In reply to: [Oxygen] Change slider dimensions on Front templateI will be assuming that you are self-hosting the .ORG and not running a wordpress.com site.
In your theme functions (functions.php), use ctrl+f shortcut to find the following:
add_image_size( ‘archive-thumbnail’, 470, 140, true );
add_image_size( ‘single-thumbnail’, 470, 260, true );
add_image_size( ‘featured-thumbnail’, 750, 380, true );
add_image_size( ‘slider-nav-thumbnail’, 110, 70, true );Change the figures in bold to the dimensions of the images that you wish to use in your slider. By doing this, you stop your theme automatically resizing images to the default 750×380 when selecting them as a featured image. You must re-upload new images as featured images for them to be cropped at the new dimensions.
You may then need to change the size of the slider container, but I am not 100% on how to achieve this to a specific size. Personally, I used this to extend the slider to full page width (940×397). This was achieved by using the following CSS:
.featured-wrapper {
float: left;
width: 100%;
}
.content-wrap {
float: left;
width: 100%;
}
#content {
width: 100%;
}Forum: Themes and Templates
In reply to: [Oxygen] bullet points, right sidebar and image size3) I’m assuming you want the featured slider images to be a larger size. I’m quite a newbie myself, but I have learned one trick.
In your theme functions (functions.php), use ctrl+f shortcut to find the following:
add_image_size( ‘archive-thumbnail’, 470, 140, true );
add_image_size( ‘single-thumbnail’, 470, 260, true );
add_image_size( ‘featured-thumbnail’, 750, 380, true );
add_image_size( ‘slider-nav-thumbnail’, 110, 70, true );Change the figures in bold to the dimensions of the images that you wish to use in your slider. By doing this, you stop your theme automatically resizing images to the default 750×380 when selecting them as a featured image. You must re-upload new images as featured images for them to be cropped at the new dimensions.
You may then need to change the size of the slider, but I am not 100% on whether this is needed – nor how to achieve this – so try the above first and see if it does the trick.
If you meant that you wanted to change the smaller image sizes which are found underneath the slider, change the figures I have placed in italics.
—
Personally, I used this to extend the slider to full page width (940×397). This was achieved by using the following CSS:
.featured-wrapper {
float: left;
width: 100%;
}
.content-wrap {
float: left;
width: 100%;
}
#content {
width: 100%;
}Forum: Themes and Templates
In reply to: [Oxygen] Post width and positionDefinitely use a Child Theme to prevent loss of settings after future theme updates.
Assuming you are self-hosting a .ORG website – the CSS to make the page full width is as follows:
.featured-wrapper {
float: left;
width: 100%;
}
.content-wrap {
float: left;
width: 100%;
}
#content {
width: 100%;
}Add the above to the editor. The first three lines are for the slider, if you’re using it.