[alwilleford]

Oh wow…it did take affect! I worked on it for an hour yesterday and it never would change. Oh well, at least I know it works. Thanks so much for all of your help!!!

[alwilleford]

Ok, great. Thanks.

One more question… When I edit something in the style.css in the child theme, it doesn’t change on the site. Suggestions?

Example: Now that the nav menu is moved, I was going to change the background color and the font color, both of which are in the child theme style.css. I edited the colors, saved the style.css, but the changes didn’t take affect on the site. I also took out the css that had the header image at full width, and it didn’t change either.

I was wondering if this could somehow be a similar situation to what we experienced in moving the nav menu?

I really appreciate your help! And will definitely be giving a great review 🙂

[alwilleford]

I know you said earlier in this thread that I would need to hire a customizer to handle putting the logo and top header menu on the same horizontal space because it would require more than css. Could you give me an idea of what would need to be edited. I would like to make sure that the customizer is able to handle what would be required.

Thanks again for you help!

[alwilleford]

AWESOME!! Thank you so much!!!!!

[alwilleford]

I hope I shared the child theme folder correctly. I just copied my style.css and functions.php into a notepad document.

https://www.dropbox.com/sh/8a98dld2dkn76ys/AADJ8fycVGBIgv5qQgNCvC6Ua?dl=0

[alwilleford]

I took out the ?> on line 14. The code isn’t at the top, but the green navigation bar didn’t move either. I even activated a menu in the secondary menu location to see if it moved but it didn’t.

The menu location that I want to move below the promotional header is in the primary menu location. I may not have been clear on that early.

Currently the code is:

<?php
function my_theme_enqueue_styles() {

$parent_style = ‘parent-style’; // This is ‘twentyfifteen-style’ for the Twenty Fifteen theme.

wp_enqueue_style( $parent_style, get_template_directory_uri() . ‘/style.css’ );
wp_enqueue_style( ‘child-style’,
get_stylesheet_directory_uri() . ‘/style.css’,
array( $parent_style ),
wp_get_theme()->get(‘Version’)
);
}
add_action( ‘wp_enqueue_scripts’, ‘my_theme_enqueue_styles’ );
function clean_journal_child_move_nav(){
remove_action( ‘clean_journal_after_header’, ‘clean_journal_primary_menu’, 20 );

add_action( ‘clean_journal_before_content’, ‘clean_journal_primary_menu’, 35 );
}
add_action( ‘init’, ‘clean_journal_child_move_nav’ );

and you can view the site at http://www.biblelambs.com

Thanks.

[alwilleford]

I tried adding the code to the functions.php and I couldn’t get it to work. It displayed code in the top header area. This is the code I have for my functions.php along with the code you sent. This is my first time at this, so please pardon my not knowing.

<?php
function my_theme_enqueue_styles() {

$parent_style = ‘parent-style’; // This is ‘twentyfifteen-style’ for the Twenty Fifteen theme.

wp_enqueue_style( $parent_style, get_template_directory_uri() . ‘/style.css’ );
wp_enqueue_style( ‘child-style’,
get_stylesheet_directory_uri() . ‘/style.css’,
array( $parent_style ),
wp_get_theme()->get(‘Version’)
);
}
add_action( ‘wp_enqueue_scripts’, ‘my_theme_enqueue_styles’ );
?>
function clean_journal_child_move_nav(){
remove_action( ‘clean_journal_after_header’, ‘clean_journal_primary_menu’, 20 );

add_action( ‘clean_journal_before_content’, ‘clean_journal_primary_menu’, 35 );
}
add_action( ‘init’, ‘clean_journal_child_move_nav’ );

I pulled the functions.php code from a help on wordpress. I tried editing it from saying “Twenty Fifteen” to clean journal but I missed something or did something wrong because the site went down until I changed it all back.

The site is http://www.biblelambs.com

Thanks for your help!!

[alwilleford]

The initial question in this thread, I think has gotten lost 🙂 I created a child theme like you suggested to move the nav menu below the promotional message.

Can you help me in doing that? I will look into getting a customizer for moving the header and all to the same horizontal space.

There are two different users asking questions in this thread.

Amanda

[alwilleford]

http://www.biblelambs.com (This is an old site that I design new sites under)

[alwilleford]

Well…I thought I had the child theme created correctly, but when I went to activate it, my dashboard said that the child theme was installed but broken, that it was missing a style sheet??

I copied the code from the help link you sent and edited to fit clean journal.

[alwilleford]

Ok, I think I have successfully created a child theme.

In addition to moving the navigation bar, I also wanted to ask if there is a way to get the logo, header top menu, and social icons all on the same horizontal space? I’m trying to save vertical space.

Thanks

[alwilleford]

Ok…The code above worked…I had accidentally deleted a }

Question: Is there anyway to make the promotion message larger, like 150px in height?

Where could I customize that?

Thanks.

[alwilleford]

Hi.

I have began to design another website using clean journal. I am wanting to customize the promotion message background like you have helped me with before in this thread. I don’t know if maybe it’s because I’m using a newer version of clean journal, but the code above isn’t working like it did before.

The site isn’t live. I’m working behind another domain, so I can’t give you the site.

Any thoughts?

Thanks.

[alwilleford]

Yes, I did figure out how to add in the height as 400px. Thank you.

I am still have trouble with header being clear. I have tried a ton of different sizes and ratios and it looks great until I add it into the theme, then it is blurry…any thoughts?

[alwilleford]

Thanks…that worked to make it full width. However, it seems to have enlarged the height. It looks as big as the slider image would (the one that was there when you looked at it before)

Is there a code that I can play around with different height numbers of the image and keep it full width. I will have to manipulate my picture some but I would like to decrease the height.

And for the sake of my picture coming out better what px dimension should I used in designing the picture to accommodate for the full width?

Thanks.
http://www.amandawilleford.com

[alwilleford]

Yes, sorry about that. I like the height of the header image (400px) but would like it to be full width like the slider…which is what is currently showing.

http://www.amandawilleford.com

[alwilleford]

Can you offer any help with the subtitle. I deactivated my plugin and reactivated it but I am still not able to see the subtitle on the excerpt or the full page post. Could it have something to do with the theme’s coding?

Thanks.

[alwilleford]

I have been working to figure out my fonts and sizes for my post and other stuff and I pretty much have it to my liking.

I still would like to know though if there is a way to add a subtitle under the post title (even just using my plugin that I mentioned) and an image to the excerpt.

Oh, and my image came back in the full post.

Thanks for ALL of your HELP!!

[alwilleford]

Thanks for your response. I see what you mean. I switched around some of the options to see how they worked out and now I can’t get the image in my post to display. I’ve tried all of the options. The image was showing yesterday.

Question: So there is no way to make the excerpt a little more decorative? Maybe a large text that is just bolded…anything?

I have a plugin that allows for subtitles but even on the full content page, it doesn’t display. Suggestions?

Ideally, this is how I would like the excerpt to display…

Post Title
Subtitle
A little bit of text
Image
“read more”

Thanks again for your help. Everything you have suggested through all of my threads has worked out great.

[alwilleford]

I managed to get an image in the promotion area using

#promotion-message {
background: url(“http://www.amandawilleford.com/wp-content/uploads/2016/06/Get-My-FREE-eBook-Clearing-the-Clutter-1.png&#8221;);
}

I am trying to “clean it up” and make it centered under the header image without the repeat. As it is now the code is:

#promotion-message {
background: url(“http://www.amandawilleford.com/wp-content/uploads/2016/06/Get-My-FREE-eBook-Clearing-the-Clutter-1.png&#8221;);
display: block;
max-width: 60%;
margin-right: auto;
margin-left: auto;
}

See it at: amandawilleford.com

Also, what would be the best size for the image to fit in the promotion area?

One more question…can the promotion button be linked to a service like mailchimp? I have a mailchimp widget that is a form requiring name and email. I can’t figure out how to set all of that up with the url the customizer is requesting.

Thanks.

[Author]

Posts