Community Forums › Forums › Archived Forums › Design Tips and Tricks › Issues with my website design ( I'm a beginner!)
- This topic has 23 replies, 2 voices, and was last updated 8 years, 2 months ago by mcbigwhite.
-
AuthorPosts
-
June 2, 2016 at 8:43 am #186766mcbigwhiteMember
Hi, I have a few problems with my new site using the brunch pro theme and would really appreciate any help to resolve any that you can.
1. I want the page that you land on when you go to be my homepage and labelled as homage on my menu at the top. How do i do this? At the moment i don't have a homepage, users can only get to it when on other pages by clicking on the logo at the top.
2. On the menu- the 'all other items' tab just needs the drop down list when you hover over it, at the moment it takes you to a sample page. How do i make it just a title rather than a page in itself as it is now?
3. Can i increase the space slightly between every post on my site?
4. Can i make my logo fit closer to the top and closer to the blue box that is my menu tabs? i.e. not such big gap both above and below it.
http://www.fishinglurediscounts.comJune 2, 2016 at 9:02 am #186769mcbigwhiteMemberJust to add on to point number 3, could i add a horizontal line between each post?
June 2, 2016 at 3:36 pm #186813ChristophMemberHi,
I recommend you invest in learning the basics of WordPress with a course like https://www.wp101.com/ or some introductory videos on Youtube.
1.
Go to Appearance - Menus - Custom Links.
In URL, enter the address of your website,
In Link Title, enter Home
Click Add to Menu
It will be added on the bottom of the list of menu items. Drag it all the way to the top and click Save Menu2.
Same as above with the following changes:
In Url, enter #
In Link title, enter ALL OTHER ITEMS3.
Try adding this to your style.css:.page-template-page_blog article { border-bottom: 2px solid #000; padding-top: 5px; }
padding-top increases the space above each post
border-bottom adds the line.
2px defines the thickness
solid defines it as solid line (not dotted or dashed)
#000 defines the color as black4.
Try setting the height in
.header-image .site-title > a {
to 230px
June 3, 2016 at 6:15 am #186841mcbigwhiteMemberThank you very much Chris!
Ive sorted the homepage now with your advice thank you.For point number 3, is there any line in particular where i should add that coding in the style.css?
Number 4 didn't change the logo size unfortunately.
June 3, 2016 at 6:22 am #186843ChristophMemberJust above the Media Queries should be fine.
June 3, 2016 at 6:51 am #186846mcbigwhiteMemberdoesn't seem to have any effect
June 3, 2016 at 7:04 am #186847ChristophMemberI don't see any changes to the style.css on the website.
Make sure to save the changes.
June 3, 2016 at 7:09 am #186848mcbigwhiteMemberits saved there now,last line before media queries
June 3, 2016 at 7:13 am #186849ChristophMemberMore space and border bottom between blog posts:
http://prntscr.com/bbuz7qYou still have to change the height of the logo:
http://prntscr.com/bbuzkb
June 3, 2016 at 7:17 am #186851mcbigwhiteMemberwhy am i not seeing the border between posts when I'm looking at it as in your image above?
June 3, 2016 at 7:22 am #186852ChristophMemberProbably caching.
Try a hard refresh of the browser (CTRL + F5)
June 3, 2016 at 7:27 am #186854mcbigwhiteMemberyes, you are correct again! i changed the logo numbers, It is closer to the bottom now, space above it is still bit big. That line that we've added on the blog, can i add that for all the pages? Surface lures, soft plastics etc
June 3, 2016 at 7:33 am #186856ChristophMemberLogo looks better now.
If you remove
.page-template-page_blog
from that line of code, it should work on all "archive" pages.article { border-bottom: 2px solid #000; padding-top: 5px; }
June 3, 2016 at 7:39 am #186858mcbigwhiteMemberOn my home page can i make the boxes around 'search this website' darker black?
June 3, 2016 at 7:53 am #186860ChristophMemberFind this code and change #eee to a darker color code (e.g. #555)
input, select, textarea {
border: 1px solid #eee;
(rest of the code omitted...)
June 3, 2016 at 8:30 am #186862mcbigwhiteMemberyes thats worked too of course!
You are a great help.Which is the area of .css to change the lines darker on the home page between the last 5 featured articles?
Can i add a comments section to the bottom of al my new blogs? And do you know why just on my accessories page it is showing http://www.fishinglurediscounts.com/?p=1257 under each post? i don't want it.
Where do i add my email for when people enter their details to subscribe to my site.
In my contacts page the link works for twitter but for my email and Facebook the link doesn't work.
After that i have no more questions for now, i promise!
June 4, 2016 at 9:52 am #186943mcbigwhiteMemberI have now sorted the subscription and the email link.
June 5, 2016 at 8:51 am #186987mcbigwhiteMemberok I've managed to do everything apart from add a comments section on each blog post and on the homepage making the horizontal lines darker and a bigger space between the search and subscribe widgets near the top.
June 6, 2016 at 4:22 am #187033ChristophMemberHi,
the horizontal lines on the homepage are defined around line 1110 in the style.css:
.featured-content .entry { border-bottom: 1px solid #eee; margin-bottom: 40px; padding-bottom: 20px; }
change #eee to a darker color.
The comment forms are showing under each single post.
They don't show on archive pages.You can try this: http://www.studiopress.community/topic/add-comment-form-to-archive-posts/#post-173568
June 6, 2016 at 8:41 am #187050mcbigwhiteMemberGreat thank you, the only single issue i have left is on the homepage( just under the first 3 photos) the2 horizontal search this website and subscribe bars are too close together.
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.