Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add boxed layout? #5

Open
cars111 opened this issue Aug 5, 2015 · 4 comments
Open

Add boxed layout? #5

cars111 opened this issue Aug 5, 2015 · 4 comments

Comments

@cars111
Copy link

cars111 commented Aug 5, 2015

hi how do I add a boxed layout grid? and add it to options? at the mo its full width and is causing a few issues with visual composer. Thanks again

@abukwaik
Copy link
Owner

abukwaik commented Aug 7, 2015

Hi cars111, sorry i missed this.

Since Radix is mainly been aimed at developers, I didn't see a need to add this feature.

Also, no easy solution here. You'll need to edit - when needed - the HTML structure in order to get it work correctly .. And since Radix is based on Bootstrap, you need to learn more about Bootstrap Containers & Grid system

Well, You may try something like:

@media (min-width: 960px) {
  .container-fluid,
  .container {
    max-width: 960px !important;
    margin: 0 auto;
  }
}

in style.css ... Sure, you can change 960px to whatever you need.

As for adding a new theme option, you need to add a new array to Body section in admin > RaduxCoer > section.php file.

For example, to add Image Select field could be something like:

array( 
    'id'       => 'body_style',
    'type'     => 'select_image',
    'title'    => __('Select Image', 'textdomain'),
    'subtitle' => __('A preview of the selected image will appear underneath the select box.', 'textdomain'),
    'desc'     => __('This is the description field, again good for additional info.', 'textdomain'),
    'options'   => array(
        'boxed' => array('title' => __('Boxed', 'textdomain'), 'img' => ReduxFramework::$_url . 'path_to_img_1'),
        'default' => array('title' => __('Wide', 'textdomain'),  'img' => ReduxFramework::$_url . 'path_to_img_2'),
        ),
    'default'   => 'default'
    ),

Next, you need to edit your HTML structure in header.php Something like:

<?php if(ro_get_option('body_style') == 'boxed'): ?>
    ... HTML structure ...
<?php endif; ?>

Sorry, the codes are not perfect. I tried to make it clear as possible ... I'll try to add this feature in the upcoming releases.

More about adding Image Select field

@cars111
Copy link
Author

cars111 commented Aug 7, 2015

Hi thanks for the help, I have managed to get the options loading n added the graphics for the,

I have also added the css and the html, I have been trying for hours but cant seem to work out where to add the

I have tried everywhere in header.php, but it makes no difference. I have used the .container like you have used in the navbar section
but I just cant get it.

Hope you can help

Thanks

@cars111
Copy link
Author

cars111 commented Aug 7, 2015

Hi I have found that making page templates a lot easier :) no need to have it in options. Only 1 other problem the navbar is not scaling when you place a logo.

Might be a bug? Thanks

@abukwaik
Copy link
Owner

Hello cars111,

About navbar scaling, I've pushed a fix. Please update to v1.1.2

Thank you

@abukwaik abukwaik mentioned this issue Aug 20, 2015
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants