custom width for modules

Hello! On the one page I wanted can sidebar right module wider because there is plenty of room for him, and the article does not take up much space. I tried to change it in the settings of the template (Template Manager--layouts---Custom right sidebar width) , but nothing happened. (url: http://consultant30.ru/index.php/otzyvy)

Hi

That's odd. Doesn't look like the getSidebarWidthOverride() function is written wrong. Please send me an access to FTP. I'll check it.

[edited by moderator]

I understand how to change the width siderbar, but how change width for modules. I want change width search and Highlights.

Hi

Sorry for delay. I must have deleted mail with Your question by accident because I can only see the last one. I see You have already managed to do this, can You share how this needs to be configured ? Also for modules, they should fit into the aailable space on it's own. Even if it's a fixed width image it should be resized by template's responsive functionality.

Hi! The problem was most likely the fact that I have not correct item ID : I first have a article id, and it was necessary menu item ID. But how i may change width of modules? I want to change the width search and Highlights modules so that the width of Highlights was 57%, search - 43%. (url: http://consultant30.ru/)

Hi

Ok. But I've just checked and the settings from template configuration about right sidebar widths looks to be working correctly. I've visited pages with id 955 and 1024 and both of them has a sidebar width 43% as shown in Your screen. So can You please try to explain one more time what is the issue now ?

I have a problem with how to set up the desired width for certain modules. If i want increase width of search module and decrease Highlighter module. This can be done? Through suffixes?

Hi

Och now I get it. This element supposed to be not dependable from below content, but You can use page class suffix (example how to use it: https://www.gavick.com/documentation/un ... omla-pages) and than use a code like that to override the widths for certain pages:

Code: Select all

.page_class_suffix_added_by_you #gkSearch {
    width: 21.25%;
}

.page_class_suffix_added_by_you #gkHighlights {
    width: 78.5%;
}


how to do it on all pages? not just the individual

Hi

Than it's easier, You do not need a suffix just:

Code: Select all

#gkSearch {
    width: 21.25%;
}

#gkHighlights {
    width: 78.5%;
}


I did so, and put width for search - 33% and for highlights - 67. But something broken and highlights still has 81% width.

Hi

Please check if override is enabled in template settings. And use a stronger priority code like:

Code: Select all

#gkSearch {
    width: 21.25% !important;
}

#gkHighlights {
    width: 78.5% !important;
}