• Resolved nickpeters

    (@nickpeters)


    I love the straphero theme, but I would like to make some minor CSS changes. The only ‘problem’ is that the CSS is located in bootstrap.css which I can’t acces from within the standard editor, that shows only the style.css file.

    For example I would like the top nav bar to float left also and the menu title’s to be black.

    Even with a custom css plugin I can’t work around. How do I get it changed?

    Kind regards, Nick.

Viewing 8 replies - 1 through 8 (of 8 total)
  • If you post a link to your site, someone may be able to help you. For sure, do not make any changes to theme files – as they will be lost when the theme is updated.

    You should be able to use Custom CSS – provided your CSS is specific enough.

    Thread Starter nickpeters

    (@nickpeters)

    The website is Katherine . NL, could you have a look?

    There may be a better way to do this – the theme dev may jump in here, but try adding this:

    .navbar .nav.pull-right {
        float: left;
        margin-right: 0;
    }
    .navbar .nav > li > a {
        color: #777777;
    }

    Theme Author Brian Harris

    (@zgani)

    As suggested by WPyogi – please do not edit the themes files. Either use a custom CSS plugin or create a child theme.

    On the navbar css as suggested you may need to add !important just after float: left.

    I’m working on update on theme so let me take a look if I can do something in the customizer to accommodate both issues for you – should take a couple of days so if you’d like to hang tight we might just have a better solution than to have to hack the files ??

    @wpyogi – thanks for chipping in ??
    Zulf

    Theme Author Brian Harris

    (@zgani)

    OK new version uploaded with option to float menu to the left as well as set a custom color – it may take a few days for the theme to be checked and approved.

    If you’d like to grab a new copy without waiting please see https://www.ads-software.com/themes/wp-straphero/developers/ and click the version # i.e. 1.1.1 under the current version.

    The only drawback is you’ll have to update manually – my suggestion is to wait for the approval and do an automatic update plus you’ll be getting a vetted copy ??

    Marking thread as resolved but if you have any further queries please feel free to open a new thread.

    Zulf

    Thread Starter nickpeters

    (@nickpeters)

    @wpyogi Thank you, I tried that but didn’t work,

    @mr Nore: You’re a hero for uploading a new version!
    If I want to set a different font and font-size as standard, where do I do that?

    (minor thingy; I’d like to take the dark font-color out of the search form, whats its name?)

    Theme Author Brian Harris

    (@zgani)

    Once again the advice is to create a child theme – copy over the custom.css in to the root of the child theme, give it the appropriate header and then do your edits in that file for CSS.

    As for the text in search form – again copy the searchform.php in to your child theme and edit that. You need to edit line 4 by removing the content between the ” marks after the placeholder=

    Hope that helps.

    Please open a new thread for any other queries.
    Thanks,
    Zulf

    Thread Starter nickpeters

    (@nickpeters)

    Ok, I will try the child theme for the first time. Keep learning ??

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘How to adjust bootstrap css within straphero theme?’ is closed to new replies.