Several ?'s Background change, home page feature content

View attachment 6046 View attachment 6046 View attachment 6046 View attachment 6046 Hi

Question 1

I saw a website that has beautiful scroll work on the back ground which gives the website a great look.

Can you tell me what i can do to get a look that is similar?

I attached the picture.

Question 2

I placed a picture in the Home Page Content Area, How do I get the picture to be responsive with the website?

Question 3

I need additional help to get my page to look professional..can you give me suggestions on how I can do this or refer me to a reasonable web designer that can help...I have tried Fiverr and the quality is not that great.

Question 4
I would prefer to completely take off the Home Page Content Area but when I tried the old info simply populated back in. How do I take this space out so that it looks similar to the attachment.

Question 5

If I am able to get the Home Page Content Ara off, I would like a border...can you give me advice on how to do this?

Thank in advance and HAPPY DIWALI

 

Hello,
Thank you ! and a very happy and prosperous Diwali to you too!
Please provide me URL of your website.
You can do many things by custom CSS in your site.
1)If possible provide us link of that website. I think there is an image only which contain all details. Edit an image and make it professional,informative and quality based.
2)Theme have the responsiveness feature it will make it responsive.
3)We will assist you as far as possible .
4)Please paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

 #slides {
width: 96% !important;
}
#slides .slide {
width: 96%;;
padding: 0;
border: 5px solid yellow;
margin-left: 2%;
}

5)
Use this code in custom css box

Code:

.content {
display: none;
}

Thanks & Regards
Pramod

 

Thanks

There is a border on the top and bottom of the main container I found the CSS code but when I made changes to make the left and right borders appear it did not do anything...please help
Old Code:
}
.main_container {
border-top:6px solid #a21845;
border-bottom:6px solid #a21845;
-moz-box-shadow: 0 0 5px 3px #430e20;
-webkit-box-shadow: 0 0 5px 3px #430e20;
box-shadow: 0 0 5px 3px #430e20;
}

New Code pasted in custom CSS (did not make any changes that we can see):
}
.main_container {
border-top:6px solid #a21845;
border-bottom:6px solid #a21845;
border-left:6x solid #a21845;
border-right:6x solid #a21845;
-moz-box-shadow: 0 0 5px 3px #430e20;
-webkit-box-shadow: 0 0 5px 3px #430e20;
box-shadow: 0 0 5px 3px #430e20;
}

Here is the changes to the website : http://tbministries.net/ I like the front page but it still looks bland...what can i do to make it look more professional... beside adding the border do you have any suggestions?


Also, the pictures are just space holders so that the other stock pictures that came with the theme don't populate...we are taking professional pictures today and will be able to get those up on the site tomorrow and have professional looking sliders.
Kind thanks for your reply

 

Hello,

Paste the code given below in Custom CSS section to make your slider as given above image.
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

#slides .slide img, #slides iframe {
width: 860px;
height: 420px;
border: 5px solid #90278C;
padding: 7px 5px;
margin: 0 3%;
}
#slides .slide {
background: none;
}
@media only screen and (max-width: 959px) and (min-width: 768px){
#slides .slide img, #slides iframe {
width: 684px !important;
height: 334px !important;
}
}
@media only screen and (max-width: 767px) and (min-width: 480px){
#slides .slide img, #slides iframe {
width: 375px !important;
height: 177px !important;
}
#slides{
width: 420px;
height: 201px;
}
}
@media only screen and (max-width: 479px){
#slides .slide img, #slides iframe {
width: 265px !important;
height: 119px !important;
}
}
@media only screen and (max-width: 767px) and (min-width: 480px){
#slides .slide{
width: 420px !important;
height: 201px !important;
}
}

It will resolve your issue.

Thanks & Regards
Yogesh Bhade

 

thank you,