Editing in Destro

  • siciliannabeauty

    (@siciliannabeauty)


    10 years, 8 months ago

    I’m in the middle of transferring my wordpress.com website to .org, using bluehost.

    I chose the Destro theme because it’s the closest I could get to the Fresh & Clean theme I was using over at wordpress.com (www.siciliannabeauty.com) but I’m having a difficult time editing it and I’m hoping someone can guide me in the right direction.

    Here’s what I want to do:
    1. I want to change the red background at the top (where “enter search query here” is) to a white background
    2. I want my side bar to be completely white. None of those gray background tables we’re seeing
    3. I want my navigation bar background to be white and the text to be black
    4. The “read more” button to be white and the text to be black
    5. I want a header to replace the my website name and tag “sicilianna beauty, makeup artist & lash stylist with an addiction to beauty, obviously!”. Whenever I upload my header, the theme automatically places it under my navigation bar
    6. I want the “Categories” section to be a cloud, like on siciliannabeauty.com, not in list format as it makes the sidebar too long
    7. I want to change the theme fonts.

    Since I’m in the process of transfering everything over, my temp. link is http://69.195.124.113/~sicilia4/ <– that’s the website I need help with.

Viewing 15 replies - 1 through 15 (of 28 total)
1 2
  • Thread Starter siciliannabeauty

    (@siciliannabeauty)

    10 years, 8 months ago

    In regards to #1: if we could get rid of that search field altogether, that’d be great. I already have a search in the side bar and navigation bar

    EDIT
    I got rid of the search field but would still like to know how to change the background from red to white or black

    Ricarditu

    (@ricarditu)

    10 years, 8 months ago

    Hi siciliannabeauty!

    Well, this is quite some changes…

    Are you thinking of doing it all by yourself?

    Most of it is a question of CSS and some plugin also. But it’s quite a bit to explain it all.

    WPyogi

    (@wpyogi)

    10 years, 8 months ago

    Make sure that you are using a Child Theme for any modifications to theme files – otherwise all of your changes will be lost when the theme is updated –

    http://codex.wordpress.org/Child_Themes

    Ricarditu

    (@ricarditu)

    10 years, 8 months ago

    That’s right! 🙂

    Thread Starter siciliannabeauty

    (@siciliannabeauty)

    10 years, 8 months ago

    @ricarditu I’m planning to do it myself!
    I’m a little familiar with CSS and after putting it in Child theme, like WPyogi suggested, I was able to edit some things. It’s not quite finished because it’s too dark but I’m currently working on it.

    Any help would be appreciated as I’m going a little crazy trying to find everything 🙂

    Ricarditu

    (@ricarditu)

    10 years, 8 months ago

    Ok, great! 🙂

    Are you using Firebug or some code inspector to find the css you need for each part?

    Thread Starter siciliannabeauty

    (@siciliannabeauty)

    10 years, 8 months ago

    I didn’t know that existed!!! I’m looking for everything manually LOL

    Ricarditu

    (@ricarditu)

    10 years, 8 months ago

    🙂

    That’s harder… I, personally, use the code inspector in Chrome but you can also use Firebug. It’s very simple to use and quite easy to find waht you need.

    Just point to whatever element you want and it’ll show the respective CSS and more stuff.

    Give it a try! Good luck!

    Thread Starter siciliannabeauty

    (@siciliannabeauty)

    10 years, 8 months ago

    How do I download something like this?

    WPyogi

    (@wpyogi)

    10 years, 8 months ago

    http://getfirebug.com

    There’s lots of good info on their website as well.

    WPyogi

    (@wpyogi)

    10 years, 8 months ago

    Also, it doesn’t look like you have a child theme set up currently on your site, so you may want to double-check on that…

    Thread Starter siciliannabeauty

    (@siciliannabeauty)

    10 years, 8 months ago

    @WPYogi- I set up Child Theme after you told me to.

    I was editing before without child theme and couldn’t see the changes. Now everything is all ridiculous looking and it’s going to stay that way until I fix it 🙁

    I downloaded firebug but not really sure how to use it. Am I supposed to go to my website to click and find the code, etc? Or am I supposed to be in the CSS editor?

    WPyogi

    (@wpyogi)

    10 years, 8 months ago

    Okay, so when you switch to a child theme, your settings and options don’t carry over, so you need to redo those – but that shouldn’t be too hard. And then if you’ve modified theme files (EXCEPT functions.php and style.css), move those to the child theme. For style.css, ONLY put the changes in the child theme, not a copy of the entire style.css.

    You use Firebug on a regular browser view of the site – using Inspect Element, it shows you the existing CSS for an element – so you can then COPY that CSS from Firebug and paste it in the new child style.css file – and make the changes there. The child CSS will override the parent theme styles.

    Thread Starter siciliannabeauty

    (@siciliannabeauty)

    10 years, 8 months ago

    I can’t get seem to get the CSS option in Firebug to work, only the HTML!?

    WPyogi

    (@wpyogi)

    10 years, 8 months ago

    https://getfirebug.com/css

Viewing 15 replies - 1 through 15 (of 28 total)
1 2
  • The topic ‘Editing in Destro’ is closed to new replies.