[Michael]

Hi Guys,

I am using a child theme and trying to make a fairly simple change to the theme in which there is some blank space either side of the feature image slider and header image (potentially adding this to header and footer in the future, depending on how it looks after).

Can someone advise on he custom css needed for this? Also, can you please advise where I can get a schema/documentation guide that contains descriptions of the css used within the theme without needing to go into its source?

Thanks.
Mike

[Mahesh]

@iamsupermike: Please post in your site url.
Also, can you please advise where I can get a schema/documentation guide that contains descriptions of the css used within the theme without needing to go into its source
-> Please clarify more on the above.

Regards,
Mahesh

[Michael]

Hi Mahesh,

@iamsupermike: Please post in your site url.

The site isn’t yet publicly accessible so I can’t provide a useable URL. Why is this needed at this stage?

Also, can you please advise where I can get a schema/documentation guide that contains descriptions of the css used within the theme without needing to go into its source
-> Please clarify more on the above.

I’m not sure how I can clarify on that. I am asking for a list of the css element that I can use in the custom CSS field and what each part will change.

[Michael]

Hi Mahesh,

Have you had chance to review my notes above?

[Mahesh]

@iamsupermike: Your site url so I could give you the Custom CSS to make some blank space on either side of the feature image slider and header image
And the documentation for CSS:
If you check the style.css file, you can find the table of content and all are well managed and readable.

Hope you understand.

Regards,
Mahesh

[Michael]

Thanks Mahesh — I shall check the style.css file later on today!

RE: my site url – I tried to inbox you privately to provide you with access to my test server but I can figure out how. Would you be able to send me a message/email so I can get you this information? My email is [email protected]

Thanks,
Mike

[Michael]

Hi Mahesh,

I replied to your email with the information for my test site — but my emails haven’t been working as expected today. Can you please confirm if this has been received?
I appreciate the time and energy you’re spending on this!
Regards,
Mike

[Mahesh]

@iamsupermike: Yes, I got your email with your site url. How do you want your site to look? Like the space on either side, how much space? I can help you with the Custom CSS but if you want to change the entire design, I recommend you to hire a customizer.

Regards,
Mahesh

[Michael]

Thanks for getting back to me, I would like it to be approximately 5% of the window width (dynamic) on either side of the content.

After the basics are in place I am more than comfortable with making these tweaks to adjust the size as necessary afterwards.

[Mahesh]

@iamsupermike: Go to Dashboard=> Appearance=> Customize=> Additional CSS box and add the following CSS:

#header-featured-image,
#slideshow {
	padding: 0 5%;
}

Regards,
Mahesh

[Michael]

That worked great thanks, however it only added the 5% on the left hand side of the page.

I tried changing it to:

#header-featured-image,
#slideshow {
	padding: 0 5%;
	padding-right 0 5%;
}

But this didn’t have any impact.

[Mahesh]

@iamsupermike: Well, the code works fine, you can check the space in the header image. But in Slider, you are using background image, I have know idea why you are doing that. And because of that, the issue is there in slider section.

Regards,
Mahesh

[Mahesh]

@iamsupermike: Please add the following CSS:

.slides-control,
  #slideshow .slide-item{
    max-width: 100%;
}

Regards,
Mahesh

[Author]

Posts