Forum Replies Created
-
Posts
-
this worked pretty fine and moved the footer downwards. but then still there were extra space on top of the portfolio grid which I fixed by using this code,
.avia_sortable_active .isotope {
top: -50px;
}
Now, the problem is all the portfolio images are very close to each other vertically and I can’t even see their shadows.
So, is there a way we can adjust spacing between the images vertically without disturbing the sizes of the images.
Worked well. Only breadcrumbs were not in place so I tried this code to adjust placement of breadcrumbs (please correct me if im doing anything wrong)
#top.boxed .stretch_full {
width: 1010px;
top: -49px;
}
And after applying
.template-page.content {
padding-bottom: 0px;
}
Padding was fixed but Text was not aligned with the top edge of pictures. so I used,
body .container_wrap .avia-builder-el-last {
top: -22px;
}
Now the problem is on our home page or any page Portfolio grid is hiding. its going underneath the footer somehow at the bottom of every page wherever portfolio grid is placed till the end of page. and hence its keeping extra space on top of the portfolio grid. It feels like portfolio grid is not centrally aligned.
I copied back the old custom css file but now some how this code:
.responsive .container .twelve.units {
top: -49px;
}
is not even affecting.. (breadcrumbs are still not connected even I applied the above mentioned code)
Regarding scrolling, lets not get into it.
So, if we can solve the questions that I asked earlier in above mentioned links (top on this page) would be great.
Thanks
Hey Nick!
thanks for your response. I tried what you advised to do. I replaced the main banner (layer slider) with image element. also I deleted 49px block. After that it did centralized whatever is in color section. but have a look what happened with the top banner. Also still the gallery sliders are not properly top aligned aligned with the date on its right side.
Also I really need to keep the design as it was before (i really need to keep layer slider where it was because later it will be a rotating slider with different images for each of the different page).
So, now would you like me to revert it back to its original condition as it was before then may be it will be a bit more easy for you to provide css and answer my all questions attached in the screen shot I provided you before?
I already provided you in my previous message.. in 3rd last line.. its getting too late bro.. :(
let me provide you again,
Actually now I’m using custom button from shortcodes as you can check from the below link,
Now, how can I replace that send button with submit button?
I just found out the problem. Actually I installed one of the plugin “Newest Twitter Widget” which shows latest tweets in side bar.
When I deactivated it, things got perfect.
Big thanks for your response.
here you can have a look at the widget that I’m using at the bottom of the page,
Color of the navigation bar is working perfectly fine now. Thanks for that :)
Regarding footer, I tried to use,
#footer {
bottom: 50px;
}
It was moving the footer upwards but was leaving a black background.
then I tried to move SOCKET,
#socket {
bottom: 20px;
}
But the the socket was moving beneath the black background.
I think I messing up with theme sorry for that as I’m not a coder at all.
But I really very need to reduce the space between Portfolio grid at the bottom and Footer (where all the links are placed)
here is the ref image what i need if possible :(
Also when I’m opening the same website on my mobile the background color of the navigation panel becomes blue i don’t know why.
Is there a way to keep the same color or if I want to change this color only for mobile device.
Thanks in advance.
Solved..
Big thanks for your prompt reply..
Also I really appreciate your comment on the counter :) removed..
here is the URL please
I tried to fix it and that’s how its looking as shown in the link below,
https://www.dropbox.com/s/jgwsyat8claqna0/move_breadcrumbs01.jpg
but still have lot of empty space. :(
First of all big thanks for your help. It i followed your instructions on the above link.
Now there is one more more problem the new breadcrumbs are seems not connected to the above slide show. there’s space between slider new bread crumbs (after the tile widget) and the other images after the breadcrumbs.
let me attach screenshot. please check the screen shot attached below through dropbox,
https://www.dropbox.com/s/gjlw4kkajg20fbj/move_breadcrumbs.jpg
First of all big thanks for your help. It i followed your instructions on the above link.
Now there is one more more problem the new breadcrumbs are seems not connected to the above slide show. there’s space between slider new bread crumbs (after the tile widget) and the other images after the breadcrumbs.
let me attach screenshot. please check the screen shot attached below through dropbox,
https://www.dropbox.com/s/gjlw4kkajg20fbj/move_breadcrumbs.jpg
I tried the code correctly as per your instructions but it wasn’t effecting anything :(
so i tried the one below also added positioning parameters and its working fine I guess,
.logo img {
width: 250px !important;
height: auto !important;
max-height: 167px;
position: relative;
bottom: 20px;
}
Now could you please tell me how can I delete the bar that is appear on the top of the page (blue header)??
Somehow not working.. I don’t know if I’m putting the code correctly or not as I’m very basic in coding.
Also here is a temporary link to our website “http://muharraqi.hostingsiteforfree.com/”
Also I want to delete the grey bar from the top completely..as its use less for us.
Please have a look the way I’m putting the code in custom.css
/* Have fun adding your style here :) – PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */
/* General Custom CSS */
/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */
@media only screen and (min-width: 768px) {
/* Add your Desktop Styles here */
/*header with social icons: */
.social_header #header_main .container, .social_header .main_menu ul:first-child > li a { height: 200px; line-height: 200px; }
}
/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */
@media only screen and (max-width: 767px) {
/* Add your Mobile Styles here */
}
Ok got it!
I used this code to resize it,
.logo img {
width: 300px !important;
height: auto !important;
max-height: 200px;
}
and it worked fine.
But now I need to move the logo a little bit upward as it seems too close to the nav-bar.
or let say I need some more space between the logo and nav bar vertically.
