increase content width

Travelify
1

Hi,

I am using the Travelify theme. I have two questiuons.

  1. After searching here, I found this code to increase the width:

.container{
max-width: 1250px;
}
div.wrapper {
max-width: 1250px;
}

However, now the slider images are still displaying at the default 1018 and look odd on my site www.cubacustomtours.com . :(… Is there a way to adjust the slider width?

  1. Can I adjust the width of the right sidebar? For me, ideally, I’d like to decrease it.

Thanks in advance.
Sotiiros

2

Hi @aptoitos,

Don’t use fix px, use instead percentage, it works better:

div.wrapper {
    max-width: 100%;
}

Now, for the slider. as I can see the slider has 100%width, but your pictures have 1018px width. Try to resize the picture to more than 1264px and it will look great, like full screen slider, if this you want to achieve.

As I can see, you don’t have now a right sidebar, just the left side bar.

The code for modifying leftsidebar is this:

#primary {
       width: 100%;*/if you also want this to be full width*/
}

Thanks,

Cristian

3

Hello Cristian,

Thanks for the reply. As I mentioned here in the past: great theme (review has been left before).

I am now using % for width as per your suggestion; yes, makes more sense.

I am indeed using the RIGHT sidebar layout option by default and not the left. But I’m ok with this. I also know it’s #secondary for the right sidebar.

The only issue still outstanding appears to be the slider. I understand that it uses ONLY the FEATURED image from each post (plus title & excerpt), correct? I checked all 5, in my case, featured images and they are all MORE than the 1264px that you suggested. Still, they do not stretch across. I even removed them from the 5 posts and re-added them (updated of course) but no change.

What am I missing?
Thanks

Sotirios

4

An update as I cannot understand what is happening.

As I said, I deleted the image from Media and then re-added it and set it as featured image in the post. When I check the file structure after I add the image to media, I see a number of images created (not by me) with various sizes IN ADDITION to the one I added. The slider picks the 1018x460 image…!!! Why?

I see that in Travelify it is recommended to use 1018x460 but is there an override?

I am stomped… :slight_smile:

5

stumped*

6

Well, after spending TWO days searching through this forum and trying various solutions, I did this:
I added this to functions.php

function travelify_child_theme_image_size() {
add_image_size( ‘featured’, 670, 670, true );
add_image_size( ‘slider’, 9999, 920, true );
}
add_action( ‘after_setup_theme’, ‘travelify_child_theme_image_size’, 11 );

And then regenerated thumbnails.

That gave me the width I wanted using 9999 but the height now VARIES. Can I adjust that?

Thanks

7

Hi @aptoitos,

I could not see the slider, did you delete it?

thanks,

Cristian

8

I was trying different solutions and all looked odd on my site so I ended up disabling it.
I have re-enabled it and here is what I have in functions.php:

function travelify_child_theme_image_size() {
add_image_size( ‘featured’, 9999, 670, true );
add_image_size( ‘slider’, 9999, 670, true );
}
add_action( ‘after_setup_theme’, ‘travelify_child_theme_image_size’, 11 );

As you can see, the height varies now.

9

Hi @aptoitios,

In your function. the second value is the height, so you could change from there:

add_image_size( ‘featured’, 670, 670, true );

Thanks,

Cristian

10

Tried that and regenerated thumbnails BUT still have variable heights.

11

Hi aptoitos,

I think maybe you should post on github a request of enhancement for this theme and in the future update the developer team should consider:

Thanks,

Cristian