[Jamaluddin Rahmat]

@Victor Font

Yes, I want make using jQuery.
I look some themes can make it via Customizer.

For second alternative, I also found one theme with that option.
Maybe I will buy that theme and learn that code 🙂

Thank for your advices...

[Jamaluddin Rahmat]

Please check Altitude Pro documentation 🙂

[Jamaluddin Rahmat]

Done.
Trial and error.
Fuih...

[Jamaluddin Rahmat]

Add new custom body class for your current page.

Custom Body Class

Then you can use the new custom body class + native genesis css.

Eg:

.name-your-current-page .genesis-nav-menu

[Jamaluddin Rahmat]

@pareshking

If you want to make like Brian Gardner site, you have to build your own front-page.php
Add classes .front-page in your front-page.php or anything name you like.

And add CSS code.

.front-page .site-inner {
max-width: 100%;
padding: 0;
}

The BG Bold master just for example.
I think that is a STARTER THEME.
You can't have exactly like briangardner.com if don't tweak it.

[Jamaluddin Rahmat]

@pareshking

Change your .site-inner max-width: 720px;

Your max-width now is 100%.

[Jamaluddin Rahmat]

@virginiagp

The simple thing you can customize via WordPress Customize.
Themes > Customize

Change your accent color with your color.

[Jamaluddin Rahmat]

Did you have been read the documentation?

https://github.com/bgardner/bg-bold

[Jamaluddin Rahmat]

Solved...

I will make plugin with owl carousel jquery.

[Jamaluddin Rahmat]

Yeah sure...

First you must enqueue dashicons in your function.php

Then, just add class on your HTML e.g. in your widget.

Last, customize your class with CSS.

For dashicons reference:

Dashicons

[Jamaluddin Rahmat]

You can setting it via function.php

First you must enqueue script to your responsive-menu.js with array.
Second, you must localize for output.

Just teory. No, sample.
Sorry...

[Jamaluddin Rahmat]

Your image header not readable just in break point (I mean for tablet and mobile).
So, you must change the css code in media queries.

If you want make readable image in your header, you must change this css...

Example:

.header-image .site-title > a { background-position: center top; min-height: 80px; }

You can change 80px, dependent your header image height.

[Jamaluddin Rahmat]

Just add this CSS code to your stylesheet

.home-top { background-color: #f5f5f5; }

[Jamaluddin Rahmat]

I think something wrong with your link.
You can try fix the link in the menu...

Your link like this..

http://www.medilaar.be//wordpress/#front-page-2

You should remove double ' // ' to only one ' / '

I think it's the problem because in browser it's mean new page.
So, the browser will reload your page.

[Jamaluddin Rahmat]

Why you don't try use media query in CSS?
Eg:
- Desktop use 20px / 20rem
- Mobile 480px use 14px / 14rem

Something like that.
I use this trick for any project 🙂

[Jamaluddin Rahmat]

Yeah...

It's use jQuery backstretch.
I don't want use backstrecth just use CSS and WP built-in like this code.

<div class="background" style="background-image: url('<?php $src = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'full', false, ''); echo esc_url($src[0]); ?>');"></div>

[Jamaluddin Rahmat]

Yeah, something like that.
But, I want to learn to 'hook' in genesis.

Again stuck -_-

[Author]

Posts