Several ?'s Background change, home page feature content

Discussion in 'Regal WordPress Theme' started by yclawson1, Oct 24, 2014.

Thread Status:
Not open for further replies.
  1. yclawson1

    yclawson1 New Member

    Joined:
    Jul 18, 2013
    Messages:
    25
    Likes Received:
    0
    View attachment 6046 View attachment 6046 View attachment 6046 View attachment 6046 Question 1 Background_scoll_design.png Question 4 & 5 Sample_website.png 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
     
  2. Pramod

    Pramod Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,847
    Likes Received:
    63
    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
     
  3. yclawson1

    yclawson1 New Member

    Joined:
    Jul 18, 2013
    Messages:
    25
    Likes Received:
    0
    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
     
  4. Yogesh

    Yogesh Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,052
    Likes Received:
    41
    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
     
  5. yclawson1

    yclawson1 New Member

    Joined:
    Jul 18, 2013
    Messages:
    25
    Likes Received:
    0
    thank you,
     
Thread Status:
Not open for further replies.

Share This Page